:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#020617;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:#020617}@media(prefers-color-scheme:light){:root{color:#ffffffde;background-color:#020617}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}.mobile-only{display:none!important}.desktop-only{display:block}.app-sidebar{width:260px;background-color:#020617;color:#fff;height:100vh;display:flex;flex-direction:column;position:fixed;left:0;top:0;border-right:1px solid #1e293b;z-index:50;transform:translate(0);transition:transform .3s ease-in-out}.mobile-header{position:fixed;top:0;left:0;right:0;height:60px;background-color:#020617;border-bottom:1px solid #1e293b;z-index:30;display:none;align-items:center;padding:0 20px;justify-content:space-between}.main-content{margin-left:260px;flex:1;display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease-in-out}.task-board-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;align-items:start;width:100%}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.task-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.task-modal-content{background-color:#1e293b;width:100%;max-width:800px;border-radius:16px;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000040;padding:32px;max-height:90vh;overflow-y:auto}@media(max-width:1000px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.mobile-header{display:flex}.main-content{margin-left:0!important;padding:70px 16px 16px!important}.responsive-grid{grid-template-columns:1fr!important}.responsive-flex{flex-direction:column!important}.responsive-flex-reverse{flex-direction:column-reverse!important}.planner-sidebar{width:100%!important}.task-board-grid{grid-template-columns:1fr;gap:16px}.task-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.task-controls{width:100%;justify-content:space-between}.task-modal-content{max-width:95%;padding:20px;max-height:85vh}.hidden-mobile{display:none!important}.w-full-mobile{width:100%!important}.h-auto-mobile{height:auto!important}.p-mobile-4{padding:16px!important}.m-mobile-0{margin:0!important}.overflow-x-auto-mobile{overflow-x:auto!important}}