:root{--bg:#f4f7fb;--panel:#fff;--text:#0f172a;--muted:#64748b;--border:#dbe3ee;--primary:#2563eb;--danger:#dc2626;--shadow:0 18px 40px rgba(15,23,42,.08)}*{box-sizing:border-box}:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:transparent}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{padding:24px;border-right:1px solid var(--border);background:#f8fbff}.sidebar-mobile{display:none}.sidebar-mobile .sidebar-section{margin-top:12px}.sidebar-disclosure{border:1px solid var(--border);border-radius:12px;background:#fff;margin-top:12px;overflow:hidden}.sidebar-disclosure summary{list-style:none;padding:12px 14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.sidebar-disclosure summary::-webkit-details-marker{display:none}.sidebar-disclosure summary:after{content:"+";color:var(--muted);font-weight:400}.sidebar-disclosure[open] summary{border-bottom:1px solid var(--border)}.sidebar-disclosure[open] summary:after{content:"−"}.sidebar-disclosure .sidebar-section{margin-top:0;padding:12px 14px 14px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.brand-mark{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:700}.brand p,.calendar-day-header span,.calendar-task span,.drawer-header p,.inbox-item span,.note-meta span,.task-card p,.task-title-cell span,.topbar p{margin:0;color:var(--muted)}.button{border:1px solid var(--border);border-radius:10px;padding:10px 14px;background:#fff;color:var(--text);min-height:42px;font-weight:600;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}.button.secondary{background:#fff}.button.danger{background:#fff5f5;color:var(--danger);border-color:#fecaca}.button.full{width:100%}.assignee-option:hover,.button:hover:not(:disabled),.calendar-task:hover,.icon-button:hover,.inbox-item:hover,.settings-row:hover,.store-pill:hover:not(.active),.tab:hover:not(.active),.task-card:hover,.task-table tr:hover,.view-button:hover:not(.active){box-shadow:0 8px 18px rgba(15,23,42,.08);transform:translateY(-1px)}.button.primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8}.button.secondary:hover:not(:disabled),.icon-button:hover,.store-pill:hover:not(.active),.tab:hover:not(.active),.view-button:hover:not(.active){background:#f8fbff}.button.danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.button:disabled,.calendar-task:disabled,.icon-button:disabled,.inbox-item:disabled,.store-pill:disabled,.tab:disabled,.view-button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.auth-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:var(--bg)}.auth-card{width:min(100%,460px);background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:28px}.auth-card h1{margin:0 0 8px;font-size:28px}.auth-card p{margin:0 0 22px;color:var(--muted)}.auth-form{display:grid;grid-gap:14px;gap:14px}.form-error{padding:10px 12px;border-radius:10px;border:1px solid #fecaca;background:#fff5f5;color:var(--danger)}.toggle{display:flex;align-items:center;gap:10px;padding:4px 0}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.icon-button{border:0;background:transparent;font-size:26px;line-height:1;width:38px;height:38px;border-radius:10px}.sidebar-section{margin-top:20px}.section-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.assignee-grid,.board-grid,.calendar-day-header,.calendar-list,.drawer-actions,.field-grid,.inbox-grid,.note-meta,.owners,.stats,.task-card-meta,.task-card-top,.toolbar,.view-switcher{display:flex;gap:10px}.view-switcher{flex-direction:column}.store-pill,.view-button{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px;text-align:left;min-height:42px;transition:background-color .14s ease,border-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.store-pill.active,.view-button.active{border-color:var(--primary);background:#eff6ff}.store-pill{width:100%;margin-bottom:8px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats div{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px;box-shadow:var(--shadow)}.stats strong{display:block;font-size:24px}.workspace{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:24px 28px 16px}.toolbar{align-items:center;flex-wrap:wrap;justify-content:flex-end}.search,.select,input[type=date],input[type=text],textarea{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px 12px;min-height:42px;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.search:focus,.select:focus,input[type=date]:focus,input[type=text]:focus,textarea:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 3px rgba(37,99,235,.12);outline:none}.select.compact,.select.tiny{padding:8px 10px}.content{padding:0 28px 28px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.settings-panel{padding:22px}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.settings-head h2{margin:0 0 6px}.settings-head p{margin:0;color:var(--muted)}.settings-tabs{display:flex;gap:10px;margin-bottom:18px}.tab{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 14px;min-height:40px;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.tab.active{background:#eff6ff;border-color:var(--primary)}.settings-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);grid-gap:16px;gap:16px}.settings-card{border:1px solid var(--border);border-radius:14px;padding:20px;background:#fbfdff}.settings-card h3{margin:0 0 16px}.settings-list{display:grid;grid-gap:12px;gap:12px}.settings-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#fff}.settings-row p{margin:2px 0 0;color:var(--muted)}.settings-row strong{display:block}.settings-row .owners{align-items:center;min-width:0}.settings-row .owners>div{min-width:0}.settings-row .owners p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto}.task-table{width:100%;border-collapse:collapse}.task-table td,.task-table th{padding:14px 16px;border-bottom:1px solid var(--border);vertical-align:top}.task-table tr{cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease,transform .14s ease}.task-table tr:hover{background:#fbfdff}.task-title-cell{display:flex;flex-direction:column;gap:6px}.chip{align-items:center;border:1px solid var(--border);background:#f8fafc;font-size:13px}.chip,.priority{display:inline-flex;padding:6px 10px;border-radius:999px}.priority{font-size:12px;font-weight:600}.priority-low{background:#f1f5f9}.priority-medium{background:#ecfeff}.priority-high{background:#fff7ed}.priority-urgent{background:#fef2f2}.due.overdue{color:var(--danger);font-weight:600}.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:999px;color:#fff;background:#0f172a;font-size:12px;font-weight:700}.avatar.small{width:26px;height:26px;font-size:11px}.board-grid{align-items:flex-start;overflow-x:auto;padding-bottom:6px}.board-column{min-width:280px;padding:14px}.board-column-header,.calendar-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.board-column-body{display:grid;grid-gap:12px;gap:12px}.task-card{border:1px solid var(--border);border-radius:14px;padding:14px;background:#fbfdff;text-align:left;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.task-card h3{margin:10px 0 8px;font-size:15px}.task-card p{font-size:13px;line-height:1.4}.task-card-meta,.task-card-top{justify-content:space-between;align-items:center}.calendar-list{flex-direction:column}.calendar-day{padding:16px}.calendar-day-body{display:grid;grid-gap:10px;gap:10px}.calendar-task,.inbox-item{border:1px solid var(--border);background:#fff;border-radius:12px;padding:12px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.inbox{padding:18px}.inbox h2{margin:0 0 14px}.inbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.inbox-grid section{display:grid;grid-gap:10px;gap:10px}.drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.32);display:flex;justify-content:flex-end}.drawer{width:min(620px,100%);height:100%;background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-20px 0 40px rgba(15,23,42,.12)}.drawer-footer,.drawer-header{padding:18px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:14px}.drawer-footer{border-top:1px solid var(--border);border-bottom:0;margin-top:auto}.drawer-content{padding:18px 20px 24px;overflow:auto}.field{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.field>span{font-size:13px;font-weight:600}.field span{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{width:100%}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.assignee-grid{flex-direction:column}.assignee-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;width:100%;min-width:0;overflow:hidden;transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .14s ease}.assignee-option input{margin:0}.assignee-avatar{flex:0 0 auto;width:28px;height:28px;margin:0;line-height:1;font-size:12px}.assignee-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 10px}.notes-list{display:grid;grid-gap:10px;gap:10px;margin-bottom:16px}.note{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fafcff}.note-meta{justify-content:space-between;align-items:center;margin-bottom:8px}.danger-zone{margin-top:10px}.compact{margin-bottom:0}.banner{margin:0 28px 12px;padding:12px 14px;border:1px solid #fde68a;background:#fffbeb;color:#92400e;border-radius:12px}.task-table td[data-label]{min-width:0}.task-table td:first-child strong{display:block;margin-bottom:4px}.task-table td:first-child span{display:block;color:var(--muted)}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}}@media (max-width:800px){.auth-page{padding:18px 12px}.auth-card{padding:20px 16px;border-radius:14px}.sidebar{padding:16px}.sidebar-desktop{display:none}.sidebar-mobile{display:block}.content,.sidebar,.topbar{padding-left:16px;padding-right:16px}.calendar-day-header,.drawer-footer,.drawer-header,.settings-head,.settings-row,.settings-tabs,.task-card-meta,.task-card-top,.topbar{align-items:flex-start}.topbar{flex-direction:column;gap:14px;padding-top:18px;padding-bottom:14px}.field-grid,.inbox-grid,.settings-grid,.toolbar{grid-template-columns:1fr;flex-direction:column;gap:12px}.auth-form input,.auth-form select,.auth-form textarea,.drawer-content input,.drawer-content select,.drawer-content textarea,.settings-panel .field input,.settings-panel .field select,.toolbar .search,.toolbar .select{width:100%}.settings-panel{padding:14px}.settings-head{flex-direction:column;margin-bottom:14px}.settings-tabs{flex-wrap:wrap}.settings-row{flex-direction:column;align-items:stretch}.row-actions{justify-content:flex-start}.drawer-content,.drawer-footer,.drawer-header{padding-left:16px;padding-right:16px}.drawer{width:100%}.sidebar-disclosure .sidebar-section{padding-left:0;padding-right:0}.task-table,.task-table tbody,.task-table td,.task-table th,.task-table thead,.task-table tr{display:block;width:100%}.table-wrap{overflow:visible}.task-table thead{display:none}.task-table tr{margin-bottom:12px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#fbfdff}.task-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.task-table td:first-child{display:block;padding-bottom:14px}.task-table td:first-child:before{content:none}.task-table td:not(:first-child):before{content:attr(data-label);color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.task-table td:last-child{border-bottom:0}.banner{margin:0 16px 12px}.button,.icon-button,.store-pill,.tab,.view-button{min-height:44px}.settings-row .row-actions{width:100%}.settings-row .row-actions .button{flex:1 1 auto}}