.navbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:72px;padding:0 16px;display:flex}.navbar-left{align-items:center;gap:16px;min-width:0;display:flex}.navbar-logo{color:var(--primary);font-size:18px;font-weight:800}.navbar-search{width:360px;max-width:52vw}.navbar-search input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:12px;outline:none;padding:10px 12px}.navbar-search input:focus{border-color:var(--primary)}.navbar-right{align-items:center;gap:12px;display:flex}.notification-wrap{position:relative}.icon-btn{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:12px;width:40px;height:40px}.notification-dropdown{border:1px solid var(--border);background:var(--card);width:300px;max-height:320px;box-shadow:var(--shadow-lg);z-index:30;border-radius:12px;padding:10px;position:absolute;top:46px;right:0;overflow:auto}.notification-dropdown h4{margin:0 0 8px;font-size:14px}.notification-dropdown ul{gap:8px;margin:0;padding-left:16px;display:grid}.notification-dropdown li{color:var(--text-muted);font-size:13px}.profile-chip{align-items:center;gap:8px;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:grid}.name{color:var(--text);font-size:14px}@media (width<=980px){.navbar-search{width:220px}.name{display:none}}.sidebar{background:var(--card);border-right:1px solid var(--border);grid-template-rows:auto auto 1fr auto;gap:16px;padding:20px 12px;display:grid}.workspace-title{color:var(--text-muted);padding:0 8px;font-size:14px;font-weight:600}.board-switcher{gap:8px;display:grid}.board-switcher select,.board-switcher button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}.board-switcher button{background:var(--primary);color:#fff;border:none}.sidebar-nav{align-content:start;gap:6px;display:grid}.sidebar-link{color:var(--text);border-radius:12px;padding:10px 12px;font-weight:500;text-decoration:none;transition:all .2s}.sidebar-link:hover{background:#4f46e51a}.sidebar-link.active{color:var(--primary);background:#4f46e529}.logout-btn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}@media (width<=980px){.sidebar{border-right:none;border-bottom:1px solid var(--border);grid-template-rows:auto;grid-template-columns:1fr;padding:12px}.workspace-title,.logout-btn{display:none}.board-switcher{grid-template-columns:1fr auto}.sidebar-nav{grid-auto-columns:max-content;grid-auto-flow:column;gap:8px;padding-bottom:4px;overflow-x:auto}.sidebar-link{white-space:nowrap}}.dashboard-page{gap:16px;display:grid}.dashboard-head h1{margin:0}.dashboard-head p{color:var(--text-muted);margin:8px 0 0}.stats-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.stat-card span{color:var(--text-muted);font-size:14px}.stat-card h2{margin:8px 0 0;font-size:28px}.activity-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.activity-card h3{margin-top:0}.activity-card ul{gap:8px;margin:0;padding-left:18px;display:grid}@media (width<=980px){.stats-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=640px){.stats-grid{grid-template-columns:1fr}}.task-card{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:12px}.task-top{justify-content:space-between;gap:8px;display:flex}.task-top h4{margin:0;font-size:15px}.priority{color:#fff;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.priority.high{background:#ef4444}.priority.medium{background:#f59e0b}.priority.low{background:#22c55e}.task-desc{color:var(--text-muted);margin:8px 0;font-size:14px;line-height:1.35}.task-meta{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.task-assignee{align-items:center;gap:6px;display:flex}.task-avatar{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.task-actions{grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-top:10px;display:grid}.task-actions button,.task-actions select{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 8px;font-size:12px}.list-column{border:1px solid var(--border);background:var(--card);min-height:420px;box-shadow:var(--shadow-sm);border-radius:12px;padding:10px}.list-head{justify-content:space-between;align-items:center;display:flex}.list-head h3{margin:0;font-size:16px}.list-head span{color:var(--text-muted);font-size:13px}.list-add-btn{border:1px dashed var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:10px;margin-top:10px;padding:8px;font-weight:500}.list-tasks{gap:10px;margin-top:10px;display:grid}.modal-overlay{z-index:100;background:#0f172a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{border:1px solid var(--border);background:var(--card);width:100%;max-width:560px;box-shadow:var(--shadow-lg);border-radius:12px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.modal-head h3{margin:0}.modal-head button{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;width:30px;height:30px}.modal-body{padding:16px}.board-page{gap:16px;display:grid}.board-head h1{margin:0}.board-head p{color:var(--text-muted);margin:8px 0 0}.create-list-form{gap:8px;display:flex}.create-list-form input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;flex:1;padding:10px 12px}.create-list-form button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.board-loading{color:var(--text-muted);margin:0}.board-error{color:#ef4444;margin:0;font-size:14px}.board-grid{grid-template-columns:repeat(4,minmax(230px,1fr));align-items:start;gap:16px;display:grid}.task-form{gap:10px;display:grid}.task-form label{color:var(--text-muted);gap:6px;font-size:14px;display:grid}.task-form input,.task-form textarea,.task-form select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}.task-form textarea{resize:vertical;min-height:96px}.submit-task-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}@media (width<=1200px){.board-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media (width<=700px){.create-list-form{flex-direction:column}.board-grid{grid-template-columns:1fr}}.table-wrap{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;overflow-x:auto}.table-ui{border-collapse:collapse;width:100%;min-width:900px}.table-ui th,.table-ui td{border-bottom:1px solid var(--border);text-align:left;padding:12px;font-size:14px}.table-ui th{color:var(--text-muted);font-weight:600}.members-page{gap:16px;display:grid}.members-head h1{margin:0}.members-head p{color:var(--text-muted);margin:8px 0 0}.members-controls{grid-template-columns:1.2fr 1fr 1fr 1fr auto auto;gap:8px;display:grid}.members-controls input,.members-controls select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}.members-controls button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.members-loading{color:var(--text-muted);margin:0}.members-error{color:#ef4444;margin:0;font-size:14px}.member-cell{align-items:center;gap:8px;display:flex}.member-avatar{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.member-cell p{margin:0}.member-cell small{color:var(--text-muted)}.status-badge{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.status-badge.active{color:#166534;background:#dcfce7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.row-actions{gap:8px;display:flex}.row-actions button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:6px 10px}.edit-panel{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;padding:12px}.edit-panel h4{margin:0 0 8px}.edit-grid{grid-template-columns:repeat(4,minmax(120px,auto));gap:8px;display:grid}.edit-grid select,.edit-grid button{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}@media (width<=1200px){.members-controls,.edit-grid{grid-template-columns:1fr}}.calendar-page{gap:16px;display:grid}.calendar-head h1{margin:0}.calendar-head p{color:var(--text-muted);margin:8px 0 0}.calendar-grid{grid-template-columns:repeat(7,minmax(110px,1fr));gap:8px;display:grid}.calendar-cell{border:1px solid var(--border);background:var(--card);min-height:96px;box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;border-radius:12px;padding:8px;transition:border-color .2s;position:relative}.calendar-cell.has-tasks{border-color:#4f46e566}.calendar-cell.selected{outline:2px solid var(--primary)}.calendar-day{font-size:14px;font-weight:700}.task-dot{background:var(--primary);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:8px;right:8px}.calendar-tooltip{color:#0f172a;z-index:25;pointer-events:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:220px;max-width:260px;padding:10px;animation:.16s ease-in-out fadeInTooltip;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0f172a29}.calendar-tooltip ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.calendar-tooltip li{gap:2px;display:grid}.calendar-tooltip li strong{font-size:13px;line-height:1.2}.calendar-tooltip li small{color:#64748b;font-size:11px}.tooltip-priority{color:#fff;border-radius:999px;width:fit-content;padding:4px 6px;font-size:10px;line-height:1}.tooltip-priority.high{background:#ef4444}.tooltip-priority.medium{background:#f59e0b}.tooltip-priority.low{background:#22c55e}.tooltip-more{color:#64748b;font-size:12px}@keyframes fadeInTooltip{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.selected-date-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.selected-date-card h3{margin-top:0}.selected-date-card ul{gap:8px;margin:0;padding-left:18px;display:grid}@media (width<=980px){.calendar-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=640px){.calendar-grid{grid-template-columns:1fr}}.table-page{gap:16px;display:grid}.table-head h1{margin:0}.table-head p{color:var(--text-muted);margin:8px 0 0}.table-filters{gap:8px;display:flex}.table-filters select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}@media (width<=640px){.table-filters{flex-direction:column}}.settings-page{gap:16px;display:grid}.settings-head h1{margin:0}.settings-head p{color:var(--text-muted);margin:8px 0 0}.settings-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:16px;display:grid}.settings-card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow-sm);border-radius:12px;padding:16px}.settings-card h3{margin-top:0}.profile-row{align-items:center;gap:10px;display:flex}.profile-avatar{background:var(--primary);color:#fff;border-radius:999px;place-items:center;width:44px;height:44px;font-weight:700;display:grid}.profile-row p{margin:0}.profile-row small{color:var(--text-muted)}.theme-label{color:var(--text-muted);margin:8px 0 12px}.theme-btn{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}@media (width<=980px){.settings-grid{grid-template-columns:1fr}}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--border);background:var(--card);width:100%;max-width:420px;box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.auth-card h1{margin:0;font-size:28px}.auth-card p{color:var(--text-muted);margin:8px 0 0}.auth-form{gap:12px;margin-top:20px;display:grid}.auth-form label{color:var(--text-muted);gap:6px;font-size:14px;display:grid}.auth-form input{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}.auth-form button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.auth-error{color:#ef4444;font-size:13px}.auth-alt{margin-top:14px;font-size:14px}.auth-alt a{color:var(--primary);font-weight:600;text-decoration:none}.register-page{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.register-card{border:1px solid var(--border);background:var(--card);width:100%;max-width:420px;box-shadow:var(--shadow-sm);border-radius:12px;padding:24px}.register-card h1{margin:0;font-size:28px}.register-card p{color:var(--text-muted);margin:8px 0 0}.register-form{gap:12px;margin-top:20px;display:grid}.register-form label{color:var(--text-muted);gap:6px;font-size:14px;display:grid}.register-form input,.register-form select{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;padding:10px 12px}.register-form button{background:var(--primary);color:#fff;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.register-error{color:#ef4444;font-size:13px}.register-alt{margin-top:14px;font-size:14px}.register-alt a{color:var(--primary);font-weight:600;text-decoration:none}.app-shell{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:248px 1fr;display:grid}.app-main{grid-template-rows:72px 1fr;min-width:0;display:grid}.app-content{min-width:0;padding:24px}.theme-dark{--bg:#0f172a;--card:#1e293b;--text:#f8fafc;--text-muted:#94a3b8;--border:#334155;--shadow-sm:0 8px 24px #02061759;--shadow-lg:0 18px 40px #02061773}@media (width<=980px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app-main{grid-template-rows:64px 1fr}.app-content{padding:16px}}:root{--primary:#4f46e5;--bg:#f8fafc;--card:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--soft:#eef2ff;--shadow-sm:0 8px 24px #0f172a0f;--shadow-lg:0 18px 38px #0f172a2e}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.4}button,input,select,textarea{font:inherit}button{cursor:pointer}::selection{background:#4f46e533}