:root{--primary:#4f46e5;--primary-2:#6366f1;--primary-soft:#eef2ff;--violet:#8b5cf6;--blue:#38bdf8;--coral:#fb7185;--orange:#fb923c;--mint:#34d399;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--bg:#f5f7fb;--surface:#fff;--surface-2:#f8fafc;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--sidebar:#10172a;--sidebar-2:#172038;--shadow:0 12px 35px rgba(15,23,42,.07);--radius:16px;--radius-sm:10px;--focus:0 0 0 3px rgba(99,102,241,.22)}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-size:15px}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}:focus-visible{outline:0;box-shadow:var(--focus)!important}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--primary);margin:0 0 10px}.mobile-only,.mobile-brand,.bottom-nav{display:none}
.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(160deg,var(--sidebar),#0e1528);color:#e7eaf1;padding:24px 16px 16px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 25px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:1.18rem}.brand small{font-size:.72rem;color:#97a1b8;margin-top:4px;letter-spacing:.08em;text-transform:uppercase}.brand-mark{width:52px;height:52px;border-radius:17px;background:linear-gradient(135deg,#7069ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.25rem;box-shadow:0 10px 24px rgba(99,102,241,.32)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:1rem}.nav-section{font-size:.64rem;font-weight:800;letter-spacing:.12em;color:#6f7a92;margin:14px 12px 8px}.nav-link{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;color:#9ca6bb;font-weight:600;font-size:.88rem;margin:2px 0;transition:.16s}.nav-link:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(99,102,241,.27),rgba(99,102,241,.12));box-shadow:inset 3px 0 0 #818cf8}.nav-icon{display:grid;place-items:center;width:20px;font-size:1rem}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 6px 0;display:flex;align-items:center;gap:8px}.user-chip{display:flex;min-width:0;align-items:center;gap:9px;flex:1}.user-chip>span:last-child{display:flex;min-width:0;flex-direction:column}.user-chip strong{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip small{font-size:.67rem;color:#7f8aa1}.avatar,.top-avatar{flex:none;width:33px;height:33px;border-radius:10px;background:#334155;color:#fff;display:grid;place-items:center;font-weight:800}.sidebar .icon-button{color:#93a0b7}.main{grid-column:2;min-width:0}.topbar{height:70px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.search-wrap{width:min(460px,45vw);height:40px;background:var(--surface-2);border:1px solid var(--border);border-radius:11px;display:flex;align-items:center;padding:0 12px;color:var(--muted);gap:8px}.search-wrap input{border:0;background:transparent;outline:0;min-width:0;flex:1}.search-wrap kbd{font-size:.66rem;border:1px solid var(--border);padding:3px 6px;border-radius:5px;background:#fff;color:#94a3b8}.top-actions{display:flex;align-items:center;gap:9px}.icon-button{width:38px;height:38px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;font-size:1rem}.icon-button:hover{background:var(--surface-2)}.notification-button{position:relative}.dot{position:absolute;width:7px;height:7px;background:var(--coral);border:2px solid white;border-radius:50%;right:7px;top:7px}.top-avatar{background:linear-gradient(135deg,#f59e0b,#fb7185);margin-left:3px}.content{padding:28px clamp(20px,3vw,42px) 70px;max-width:1660px;margin:auto}.loading{display:grid;gap:14px}.loading>span{height:108px;border-radius:var(--radius);background:linear-gradient(90deg,#e9edf5,#f7f9fc,#e9edf5);background-size:200%;animation:shine 1.3s infinite}.loading>span:nth-child(2){height:230px}.loading>span:nth-child(3){height:160px}@keyframes shine{to{background-position:-200%}}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{margin:0;font-size:clamp(1.55rem,2.3vw,2.15rem);letter-spacing:-.035em}.page-head p{margin:7px 0 0;color:var(--muted)}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--surface);height:42px;padding:0 16px;border-radius:10px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.btn:hover{border-color:#c7d2fe;background:#fafaff}.btn.primary{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 7px 16px rgba(79,70,229,.22)}.btn.primary:hover{background:#4338ca}.btn.danger{color:var(--danger);border-color:#fecaca}.btn.small{height:34px;padding:0 11px;font-size:.78rem}.btn.wide{width:100%}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 19px;box-shadow:0 2px 10px rgba(15,23,42,.025);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-25px;top:-25px;background:var(--tone,#eef2ff)}.stat-label{font-size:.78rem;color:var(--muted);font-weight:650}.stat-value{display:block;font-size:1.8rem;font-weight:800;line-height:1;margin:13px 0 9px;font-variant-numeric:tabular-nums}.stat-delta{font-size:.72rem;color:var(--muted)}.stat-delta.good{color:var(--success)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 3px 16px rgba(15,23,42,.035);padding:20px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.card h2,.card h3{margin:0;letter-spacing:-.02em}.card h2{font-size:1.03rem}.card h3{font-size:.92rem}.link{color:var(--primary);font-size:.78rem;font-weight:750}.progress-row{display:grid;grid-template-columns:minmax(100px,1fr) 3fr 42px;align-items:center;gap:12px;margin:14px 0}.progress-row label{font-size:.78rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress{height:8px;background:#eef1f6;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--bar,var(--primary));width:var(--value)}.progress-row strong{font-size:.75rem;text-align:right;font-variant-numeric:tabular-nums}.deadline-list,.activity-list{display:grid;gap:3px}.deadline{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 5px;border-bottom:1px solid #f0f2f6}.deadline:last-child{border-bottom:0}.date-chip{width:42px;height:44px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;line-height:1}.date-chip strong{font-size:.9rem}.date-chip small{font-size:.58rem;text-transform:uppercase}.deadline-title{min-width:0}.deadline-title strong{display:block;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deadline-title small{font-size:.68rem;color:var(--muted)}.badge{display:inline-flex;align-items:center;height:24px;border-radius:99px;padding:0 8px;font-size:.66rem;font-weight:800;white-space:nowrap}.badge.high,.badge.urgent,.badge.critical{background:#fff1f2;color:#be123c}.badge.normal{background:#eff6ff;color:#1d4ed8}.badge.low{background:#f0fdf4;color:#15803d}.badge.active,.badge.done{background:#ecfdf5;color:#047857}.badge.planned,.badge.todo{background:#eef2ff;color:#4338ca}.badge.doing{background:#fff7ed;color:#c2410c}.badge.review{background:#f5f3ff;color:#6d28d9}.badge.blocked,.badge.at_risk{background:#fef2f2;color:#b91c1c}.empty{padding:35px 18px;text-align:center;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:.95rem;margin-bottom:5px}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.filter-input,.field input,.field select,.field textarea,.toolbar select,.toolbar input{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-height:40px;padding:9px 11px;outline:0}.toolbar input[type=search]{min-width:220px}.toolbar .spacer{flex:1}.view-switch{display:flex;background:#e9edf5;padding:3px;border-radius:10px}.view-switch button{height:32px;border:0;background:transparent;border-radius:8px;padding:0 11px;font-size:.75rem;font-weight:700;color:var(--muted)}.view-switch button.active{background:#fff;color:var(--text);box-shadow:0 1px 4px rgba(15,23,42,.1)}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;padding:12px 15px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}td{padding:13px 15px;border-bottom:1px solid #eef1f5;font-size:.8rem;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafbfe}.task-title{display:flex;align-items:center;gap:9px;font-weight:680}.priority-dot{width:7px;height:7px;border-radius:50%;background:var(--dot,#94a3b8);flex:none}.assignee{display:inline-flex;align-items:center;gap:7px}.assignee .avatar{width:27px;height:27px;border-radius:8px;font-size:.69rem;background:#e0e7ff;color:#4338ca}.row-actions{display:flex;gap:6px}.row-button{height:30px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:0 9px;font-size:.72rem;font-weight:700}.row-button:hover{border-color:#a5b4fc;color:var(--primary)}
.kanban-shell{margin:0 calc(clamp(20px,3vw,42px)*-1);padding:0 clamp(20px,3vw,42px);overflow-x:auto}.kanban{display:grid;grid-template-columns:repeat(5,minmax(260px,1fr));gap:14px;min-width:1280px;padding:2px 0 24px}.kanban-col{background:#eef1f6;border:1px solid #e1e6ee;border-radius:14px;padding:11px;min-height:530px}.kanban-col.over{outline:2px solid var(--primary);background:#e6e9ff}.col-head{display:flex;align-items:center;justify-content:space-between;padding:2px 3px 11px}.col-title{display:flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.col-dot{width:8px;height:8px;border-radius:50%;background:var(--col-color)}.col-count{background:#dde2eb;color:#64748b;border-radius:99px;padding:2px 7px;font-size:.66rem}.add-card{width:28px;height:28px;border:0;background:transparent;border-radius:7px;font-size:1.1rem;color:var(--muted)}.add-card:hover{background:#fff;color:var(--primary)}.kanban-cards{display:grid;gap:9px}.kanban-card{background:#fff;border:1px solid #e0e5ec;border-radius:12px;padding:13px;box-shadow:0 2px 7px rgba(15,23,42,.035);cursor:grab}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.42;transform:rotate(1deg)}.kanban-card:hover{border-color:#c7d2fe;box-shadow:0 6px 14px rgba(79,70,229,.08)}.card-topline{display:flex;justify-content:space-between;gap:8px}.task-code{font-size:.64rem;font-weight:800;color:var(--primary);letter-spacing:.04em}.kanban-card h3{font-size:.82rem;margin:8px 0 11px;line-height:1.38}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.68rem}.card-meta .avatar{width:25px;height:25px;border-radius:8px;font-size:.66rem;background:#e0e7ff;color:#4338ca}.due.overdue{color:var(--danger);font-weight:750}.mini-progress{height:4px;background:#edf0f4;border-radius:99px;margin:11px 0 9px;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--primary);border-radius:inherit}
.calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.calendar-head{display:grid;grid-template-columns:repeat(7,1fr);background:var(--surface-2);border-bottom:1px solid var(--border)}.calendar-head span{text-align:center;padding:11px 5px;font-size:.67rem;font-weight:800;color:var(--muted);text-transform:uppercase}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:125px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4;padding:8px;min-width:0}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other{background:#fafbfc;color:#a8b0bf}.calendar-day.today .day-num{background:var(--primary);color:#fff}.day-num{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;font-size:.72rem;font-weight:750;margin-bottom:5px}.calendar-event{display:block;border-left:3px solid var(--event-color,var(--primary));background:#f6f7ff;padding:5px 6px;border-radius:5px;margin:3px 0;font-size:.65rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.week-list{display:grid;gap:12px}.week-group{display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px}.week-date{font-size:.73rem;color:var(--muted);padding-top:12px}.week-date strong{display:block;font-size:.9rem;color:var(--text)}.week-tasks{background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}.week-task{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #edf0f4}.week-task:last-child{border-bottom:0}.week-task .check{width:22px;height:22px;border:2px solid #cbd5e1;border-radius:7px;display:grid;place-items:center;color:white}.week-task.done .check{background:var(--success);border-color:var(--success)}.week-task-main{min-width:0;flex:1}.week-task-main strong{display:block;font-size:.79rem}.week-task-main small{font-size:.67rem;color:var(--muted)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:0 3px 14px rgba(15,23,42,.035);cursor:pointer}.project-card:hover{border-color:#c7d2fe;transform:translateY(-1px)}.project-top{display:flex;align-items:flex-start;justify-content:space-between}.project-icon{width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--project-color) 15%,white);color:var(--project-color);display:grid;place-items:center;font-weight:800}.project-card h3{font-size:.92rem;margin:15px 0 5px}.project-card p{font-size:.73rem;color:var(--muted);height:34px;overflow:hidden}.project-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:.7rem;color:var(--muted)}.project-avatars{display:flex}.project-avatars .avatar{width:27px;height:27px;border:2px solid #fff;margin-left:-5px;font-size:.65rem;background:#e0e7ff;color:#4338ca}
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.52);z-index:100;display:flex;justify-content:flex-end;backdrop-filter:blur(2px)}.drawer{width:min(570px,100%);height:100%;background:var(--surface);padding:24px;overflow:auto;box-shadow:-18px 0 55px rgba(15,23,42,.15);animation:slide .2s ease-out}.dialog{width:min(590px,calc(100% - 28px));max-height:calc(100vh - 38px);background:var(--surface);padding:24px;border-radius:18px;overflow:auto;margin:auto;box-shadow:var(--shadow);animation:pop .17s ease-out}@keyframes slide{from{transform:translateX(30px);opacity:.7}}@keyframes pop{from{transform:scale(.98);opacity:.5}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:21px}.modal-head h2{font-size:1.18rem;margin:0}.modal-head p{font-size:.76rem;color:var(--muted);margin:5px 0 0}.close{width:36px;height:36px;border:0;border-radius:9px;background:var(--surface-2);font-size:1.1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label,.stack label{font-size:.73rem;font-weight:750;color:#334155;display:grid;gap:7px}.field textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.comments{border-top:1px solid var(--border);margin-top:20px;padding-top:18px}.comment{display:grid;grid-template-columns:31px 1fr;gap:10px;margin:12px 0}.comment .avatar{width:31px;height:31px;font-size:.7rem;background:#e0e7ff;color:#4338ca}.comment-body{background:var(--surface-2);border-radius:10px;padding:9px 11px}.comment-body strong{font-size:.72rem}.comment-body p{font-size:.75rem;margin:5px 0;white-space:pre-wrap}.comment-body small{font-size:.62rem;color:var(--muted)}.comment-form{display:flex;gap:8px}.comment-form input{flex:1;border:1px solid var(--border);border-radius:9px;padding:9px 10px}.alert{border-radius:10px;padding:11px 13px;font-size:.77rem;margin:12px 0}.alert.danger{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.toast-region{position:fixed;right:18px;bottom:18px;z-index:150;display:grid;gap:8px}.toast{background:#172033;color:#fff;border-radius:11px;padding:12px 15px;box-shadow:0 12px 30px rgba(15,23,42,.22);font-size:.76rem;animation:pop .18s}.toast.error{background:#991b1b}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.role-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin-top:9px}.role-card strong{font-size:.82rem}.role-card p{font-size:.72rem;color:var(--muted);margin:5px 0}.audit-item{display:grid;grid-template-columns:135px 1fr auto;gap:12px;padding:11px;border-bottom:1px solid #edf0f4;font-size:.73rem}.audit-item code{color:var(--primary);font-weight:700}.audit-item time{color:var(--muted)}
.login-body{min-height:100vh;background:#f6f7fb}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-brand{background:radial-gradient(circle at 75% 20%,rgba(139,92,246,.28),transparent 35%),linear-gradient(145deg,#10172a,#1d2747);color:#fff;padding:clamp(45px,8vw,110px);display:flex;flex-direction:column;justify-content:center}.login-brand .brand-mark{margin-bottom:55px}.login-brand .eyebrow{color:#a5b4fc}.login-brand h1{font-size:clamp(2.8rem,5vw,5.3rem);line-height:.98;letter-spacing:-.065em;margin:0}.login-brand h1 span{color:#a5b4fc}.login-brand>p:not(.eyebrow){color:#a9b1c2;max-width:520px;font-size:1.02rem;line-height:1.7}.login-proof{display:flex;gap:20px;flex-wrap:wrap;color:#c7cce0;font-size:.77rem;margin-top:30px}.login-card{align-self:center;justify-self:center;width:min(420px,calc(100% - 40px));background:#fff;border:1px solid var(--border);border-radius:22px;padding:36px;box-shadow:0 24px 55px rgba(15,23,42,.1)}.login-card h2{font-size:1.8rem;margin:0;letter-spacing:-.04em}.login-card>.muted{margin:7px 0 23px}.stack{display:grid;gap:16px}.stack input{width:100%;height:46px;border:1px solid var(--border);border-radius:10px;padding:0 12px;outline:0}.stack input:focus{border-color:var(--primary);box-shadow:var(--focus)}.login-help{text-align:center;font-size:.7rem;color:var(--muted);margin:20px 0 0}
html.dark{--bg:#0d1322;--surface:#151d2e;--surface-2:#1b2538;--border:#2a354a;--text:#e8edf7;--muted:#91a0b8;--primary-soft:#252850;--shadow:0 12px 35px rgba(0,0,0,.23);color-scheme:dark}html.dark body{background:var(--bg);color:var(--text)}html.dark .topbar{background:rgba(21,29,46,.94)}html.dark .search-wrap kbd,html.dark .row-button,html.dark .kanban-card{background:#172033;color:var(--text)}html.dark .kanban-card{border-color:#34415a}html.dark .kanban-col{background:#101827;border-color:#26334a}html.dark .kanban-col .col-count{background:#27334a;color:#cbd5e1}html.dark .kanban-card h3,html.dark .page-head h1{color:#f1f5f9}html.dark .progress,html.dark .mini-progress{background:#2b364a}html.dark tbody tr:hover{background:#182236}html.dark td,html.dark .deadline,html.dark .week-task,html.dark .audit-item{border-color:#273247}html.dark .calendar-event{background:#202745;color:#e8edf7}html.dark .calendar-day{border-color:#273247}html.dark .calendar-day.other{background:#111827;color:#66748c}html.dark .project-icon{background:#232c45}html.dark .btn:not(.primary){background:#172033;color:#e8edf7;border-color:#34415a}html.dark .filter-input,html.dark .toolbar select,html.dark .toolbar input,html.dark .field input,html.dark .field select,html.dark .field textarea{background:#151d2e;color:#e8edf7;border-color:#34415a}html.dark .loading span{background:linear-gradient(90deg,#172033,#253047,#172033);background-size:200%}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:760px){html{font-size:14px}.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:16px 0 45px rgba(0,0,0,.25)}.main{width:100%}.topbar{height:61px;padding:0 14px}.mobile-only{display:grid}.search-wrap{width:auto;flex:1;margin-left:8px}.search-wrap kbd{display:none}.top-actions .notification-button,.top-actions .top-avatar{display:none}.content{padding:20px 14px 90px}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;background:var(--surface);border-top:1px solid var(--border);z-index:40;padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));box-shadow:0 -8px 24px rgba(15,23,42,.08)}.bottom-nav a{height:49px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.6rem;color:var(--muted);font-weight:700}.bottom-nav a span{font-size:1rem}.bottom-nav a.active{color:var(--primary)}.bottom-nav button{width:45px;height:45px;border:0;border-radius:15px;background:var(--primary);color:#fff;font-size:1.6rem;margin:-17px auto 0;box-shadow:0 9px 20px rgba(79,70,229,.3)}.page-head{align-items:center}.page-head p{display:none}.head-actions .btn:not(.primary){display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:15px}.stat-value{font-size:1.55rem}.dashboard-grid{gap:12px}.card{padding:16px}.progress-row{grid-template-columns:100px 1fr 35px}.toolbar{gap:8px}.toolbar input[type=search]{min-width:0;width:100%;order:-1}.toolbar .spacer{display:none}.table-wrap{border-radius:12px}.project-grid{grid-template-columns:1fr}.calendar-day{min-height:83px;padding:4px}.calendar-event{font-size:0;width:8px;height:8px;padding:0;border:0;border-radius:50%;display:inline-block}.week-group{grid-template-columns:75px 1fr;gap:9px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.drawer{padding:19px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:35px}.login-card{padding:27px;margin:auto}.login-body{background:linear-gradient(145deg,#eef2ff,#f8fafc)}.audit-item{grid-template-columns:1fr}.audit-item time{order:-1}.toast-region{right:12px;left:12px;bottom:80px}.toast{text-align:center}}
@media(max-width:390px){.stats-grid{grid-template-columns:1fr}.stat-card{display:grid;grid-template-columns:1fr auto;align-items:center}.stat-card .stat-value{grid-column:2;grid-row:1/3;margin:0}.stat-card .stat-delta{grid-column:1}.page-head h1{font-size:1.5rem}.btn{padding:0 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Refresh visual amigável — formas suaves, ícones Phosphor e controles funcionais */
:root{--radius:22px;--radius-sm:14px;--primary:#635bff;--primary-2:#7c6cff;--focus:0 0 0 4px rgba(99,91,255,.18)}
.ph{font-size:1.15em;line-height:1;vertical-align:-.12em}.content{min-height:calc(100vh - 70px);background-image:radial-gradient(circle at 94% 2%,rgba(99,91,255,.08),transparent 23%),radial-gradient(circle at 4% 92%,rgba(52,211,153,.06),transparent 22%)}
.topbar{padding-inline:clamp(18px,3vw,40px)}.top-actions{position:relative;gap:8px}.friendly-action{width:42px;height:42px;border:1px solid transparent;border-radius:14px;color:#475569;transition:transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.friendly-action:hover{transform:translateY(-1px);background:#f0efff;color:var(--primary);border-color:#ddd9ff}.notification-button .dot{right:8px;top:7px;width:8px;height:8px}.profile-trigger{height:46px;display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;border-radius:16px;padding:3px 7px 3px 3px;transition:.16s}.profile-trigger:hover{background:#fff7ed;border-color:#fed7aa}.profile-trigger>.ph{font-size:.8rem;color:var(--muted)}.top-avatar{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,#ff9f43,#ff6b81);box-shadow:0 7px 16px rgba(251,113,133,.2)}
.top-popover{position:absolute;right:0;top:54px;width:min(370px,calc(100vw - 28px));background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:0 24px 64px rgba(15,23,42,.17);padding:12px;z-index:80;animation:pop .15s ease-out}.top-popover[hidden]{display:none}.popover-head{display:flex;align-items:center;gap:12px;padding:9px 8px 13px;border-bottom:1px solid var(--border)}.popover-head>span:nth-child(2){display:flex;flex-direction:column;gap:2px}.popover-head strong{font-size:.88rem}.popover-head small{font-size:.7rem;color:var(--muted)}.popover-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:none}.popover-icon.lilac{background:#eeecff;color:#5b50e6}.popover-icon.coral{background:#fff0f2;color:#e11d48}.popover-icon.mint{background:#eafcf5;color:#059669}.popover-list{padding:6px 0}.popover-item{width:100%;border:0;background:transparent;border-radius:14px;padding:10px 8px;display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;text-align:left;color:var(--text)}.popover-item:hover{background:var(--surface-2)}.popover-item>span:nth-child(2){min-width:0}.popover-item strong,.popover-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popover-item strong{font-size:.76rem}.popover-item small{font-size:.64rem;color:var(--muted);margin-top:3px}.popover-item>.ph{color:#94a3b8}.popover-empty{padding:24px 14px;text-align:center;display:grid;justify-items:center;gap:5px}.popover-empty>.ph{font-size:2rem;color:#8b5cf6;margin-bottom:4px}.popover-empty strong{font-size:.82rem}.popover-empty small{font-size:.68rem;color:var(--muted)}.popover-footer{min-height:39px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;gap:7px;font-size:.72rem;font-weight:800}.popover-profile{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;padding:10px;border-bottom:1px solid var(--border)}.profile-avatar{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5549d7;font-weight:850}.popover-profile>div{min-width:0}.popover-profile strong,.popover-profile small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popover-profile strong{font-size:.83rem}.popover-profile small{font-size:.66rem;color:var(--muted);margin:2px 0 6px}.role-pill{display:inline-flex;background:#eef2ff;color:#4f46e5;border-radius:999px;padding:3px 7px;font-size:.6rem;font-weight:800}.popover-menu{padding-top:7px}.popover-menu a,.popover-menu button{width:100%;min-height:40px;border:0;background:transparent;border-radius:12px;display:flex;align-items:center;gap:10px;padding:0 10px;color:var(--text);font-size:.74rem;font-weight:700;text-align:left}.popover-menu a:hover,.popover-menu button:hover{background:var(--surface-2);color:var(--primary)}
.sidebar{padding-inline:14px}.sidebar nav{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#34415a transparent}.brand{padding-left:12px}.nav-link{min-height:46px;border-radius:14px;padding-inline:13px;margin-block:3px}.nav-link.active{background:linear-gradient(100deg,rgba(99,91,255,.32),rgba(139,92,246,.15));box-shadow:none}.nav-icon{font-size:1.18rem;color:#9ca9c4}.nav-link.active .nav-icon{color:#a9a3ff}.sidebar-footer{border-radius:16px;background:rgba(255,255,255,.035);padding:11px;margin-bottom:2px;border-top:0}
.search-wrap{height:44px;border-radius:15px;padding-inline:14px}.btn{height:43px;border-radius:14px}.btn.primary{background:linear-gradient(135deg,var(--primary),#744ff6);box-shadow:0 9px 22px rgba(99,91,255,.22)}.icon-button{border-radius:13px}.card,.stat-card,.project-card,.table-wrap,.calendar{border-radius:22px}.stat-card{padding:20px;transition:transform .17s ease,box-shadow .17s ease}.stat-card:hover,.project-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.08)}.badge{height:26px;padding-inline:9px}.toolbar input,.toolbar select{border-radius:14px;min-height:43px}.kanban-col{border-radius:20px;padding:13px}.kanban-card{border-radius:17px;padding:15px}.add-card{border-radius:10px;display:grid;place-items:center}.add-card:hover{transform:rotate(8deg)}.project-icon{border-radius:16px}.drawer{border-radius:26px 0 0 26px}.dialog{border-radius:24px}.field input,.field select,.field textarea{border-radius:14px}.close{border-radius:12px}
.week-list{gap:10px}.week-group{grid-template-columns:92px minmax(0,1fr);align-items:stretch;gap:12px}.week-date{padding:12px 4px;display:flex;flex-direction:column;justify-content:center}.week-tasks{border-radius:18px;min-height:64px}.week-tasks .empty{padding:14px 18px;text-align:left;min-height:62px;display:flex;align-items:center;gap:7px}.week-tasks .empty strong{margin:0}.week-task{width:100%;min-height:66px;border:0;background:transparent;color:var(--text);text-align:left}.week-task:hover{background:var(--surface-2)}.week-task.done{background:linear-gradient(90deg,rgba(22,163,74,.06),transparent)}.week-task .check{border-radius:9px}.week-task.done .check{box-shadow:0 5px 12px rgba(22,163,74,.2)}
html.dark .friendly-action{color:#aeb9cd}html.dark .friendly-action:hover{background:#242c48;color:#c9c5ff;border-color:#3b4264}html.dark .profile-trigger:hover{background:#272238;border-color:#493c5a}html.dark .top-popover{box-shadow:0 24px 64px rgba(0,0,0,.38)}html.dark .profile-avatar{background:linear-gradient(135deg,#312e57,#253a55);color:#c9c5ff}html.dark .content{background-image:radial-gradient(circle at 94% 2%,rgba(99,91,255,.12),transparent 23%),radial-gradient(circle at 4% 92%,rgba(52,211,153,.07),transparent 22%)}
@media(max-width:760px){.top-actions .notification-button,.top-actions .top-avatar{display:grid}.profile-trigger>.ph{display:none}.profile-trigger{padding-right:3px}.top-popover{position:fixed;top:64px;right:10px}.bottom-nav a>.ph{font-size:1.15rem}.week-group{grid-template-columns:68px minmax(0,1fr)}.week-tasks .empty{padding:11px 13px}.content{background-image:none}}

/* Navegação recolhível, ícones alinhados e novas áreas */
.menu-toggle{display:grid;flex:none;margin-right:18px;color:#475569}.menu-toggle .ph{font-size:1.25rem;transition:transform .2s ease}.menu-toggle:hover .ph{transform:scale(1.12)}.sidebar-overlay{display:none}.nav-icon{line-height:1;transition:transform .18s ease,color .18s ease}.nav-link:hover .nav-icon{transform:translateY(-1px) scale(1.08)}.icon-button>.ph,.btn>.ph{transition:transform .18s ease}.icon-button:hover>.ph{transform:scale(1.08)}.spin{animation:icon-spin .8s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}
@media(min-width:761px){.app-shell,.sidebar{transition:width .22s ease}.app-shell{transition:grid-template-columns .22s ease}.sidebar-collapsed .app-shell{grid-template-columns:88px minmax(0,1fr)}.sidebar-collapsed .sidebar{width:88px}.sidebar-collapsed .brand{justify-content:center;padding-inline:0}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-link>span,.sidebar-collapsed .nav-section,.sidebar-collapsed .user-chip>span:last-child,.sidebar-collapsed .sidebar-footer form{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding-inline:0}.sidebar-collapsed .nav-icon{width:24px;font-size:1.28rem}.sidebar-collapsed .sidebar-footer{justify-content:center}.sidebar-collapsed .user-chip{justify-content:center;flex:0}}
.feature-icon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;flex:none;font-size:1.35rem}.feature-icon.lilac{background:#efedff;color:#5b50e6}.feature-icon.mint{background:#e9fbf4;color:#059669}.feature-icon.coral{background:#fff0f2;color:#e11d48}.account-alert{display:flex;align-items:center;gap:12px;border:1px solid #fbbf24;background:#fffbeb;color:#92400e;border-radius:18px;padding:14px 17px;margin-bottom:18px}.account-alert>.ph{font-size:1.6rem}.account-alert span{display:grid;gap:2px}.account-alert small{font-size:.72rem}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-card{display:grid;grid-template-columns:48px 1fr;align-content:start;gap:10px 15px}.account-card h2{margin:2px 0 5px}.account-card p{margin:0;line-height:1.6}.account-form{grid-column:1/-1;display:grid;gap:13px;margin-top:12px}.account-form label{display:grid;gap:6px;font-size:.72rem;font-weight:750}.account-form input,.compact-field select{width:100%;min-height:43px;border:1px solid var(--border);border-radius:13px;background:var(--surface);padding:0 12px;outline:0}.account-form input:focus,.compact-field select:focus{border-color:var(--primary);box-shadow:var(--focus)}.account-form input:disabled{background:var(--surface-2);color:var(--muted)}.account-form .btn{justify-self:start}.download-callout{min-height:140px;align-items:center}.download-callout:hover{border-color:#c7d2fe;transform:translateY(-2px)}.download-callout .link{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.75rem;font-weight:800;color:var(--primary)}
.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:var(--shadow);display:grid;gap:18px;align-content:start;transition:.18s}.report-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(15,23,42,.1)}.report-card h2{margin:0 0 7px;font-size:1.05rem}.report-card p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.6;min-height:58px}.report-card .btn{justify-self:start;display:inline-flex;align-items:center;gap:7px}.report-card small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.66rem}
.download-list{display:grid}.download-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:15px 5px;border-bottom:1px solid var(--border)}.download-item:last-child{border-bottom:0}.file-icon{width:44px;height:44px;border-radius:15px;background:#eafcf5;color:#059669;display:grid;place-items:center;font-size:1.35rem}.download-info{min-width:0}.download-info strong,.download-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-info strong{font-size:.8rem}.download-info small{font-size:.67rem;color:var(--muted);margin-top:4px}.expiry-chip{display:flex;align-items:center;gap:6px;background:var(--surface-2);border-radius:999px;padding:7px 10px;font-size:.68rem;color:var(--muted)}.download-actions{display:flex;gap:7px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn.danger{color:#be123c;border-color:#fecdd3;background:#fff1f2}.btn.danger:hover{background:#ffe4e6}
.admin-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:18px}.admin-side{display:grid;align-content:start;gap:18px}.admin-user-list{display:grid}.admin-user{display:grid;grid-template-columns:48px minmax(180px,1fr) 150px;gap:12px 14px;align-items:center;padding:17px 4px;border-bottom:1px solid var(--border)}.admin-user:last-child{border-bottom:0}.admin-avatar{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5549d7;font-size:.75rem;font-weight:850}.admin-user-main{min-width:0;display:grid;gap:3px}.admin-user-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.admin-user-main>small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-access{font-size:.64rem;color:var(--muted);margin-top:2px}.compact-field{font-size:.64rem;font-weight:750;color:var(--muted);display:grid;gap:5px}.admin-actions{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:7px}.badge.pending{background:#fff7ed;color:#c2410c}.role-card{display:flex;align-items:center;gap:12px;border-radius:17px}.role-card .feature-icon{width:40px;height:40px;border-radius:14px;font-size:1.05rem}.security-tip{display:flex;gap:12px;background:linear-gradient(135deg,#eef2ff,#faf5ff);border-color:#ddd6fe}.security-tip>.ph{color:var(--primary);font-size:1.5rem}.security-tip p{font-size:.72rem;color:#5b6476;line-height:1.5;margin:5px 0}.password-hint{display:flex;gap:7px;align-items:flex-start;color:var(--muted);font-size:.68rem;line-height:1.5}
html.dark .feature-icon.lilac,html.dark .admin-avatar{background:#29284d;color:#c9c5ff}html.dark .feature-icon.mint,html.dark .file-icon{background:#173b36;color:#6ee7b7}html.dark .feature-icon.coral{background:#442631;color:#fda4af}html.dark .account-alert{background:#3b2f18;color:#fde68a;border-color:#725a23}html.dark .security-tip{background:linear-gradient(135deg,#202744,#2a213a);border-color:#3e4266}html.dark .security-tip p{color:var(--muted)}html.dark .btn.danger{background:#3d2029;color:#fda4af;border-color:#6b2b3d}
@media(max-width:1100px){.report-grid{grid-template-columns:1fr 1fr}.admin-layout{grid-template-columns:1fr}.admin-side{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.menu-toggle{margin-right:8px}.sidebar-overlay{position:fixed;inset:0;border:0;background:rgba(15,23,42,.5);z-index:29}.sidebar.open+.sidebar-overlay{display:block}.account-grid,.report-grid{grid-template-columns:1fr}.download-item{grid-template-columns:42px minmax(0,1fr)}.expiry-chip{grid-column:2}.download-actions{grid-column:2;flex-wrap:wrap}.admin-side{grid-template-columns:1fr}.admin-user{grid-template-columns:44px minmax(0,1fr)}.compact-field{grid-column:2}.admin-actions{grid-column:1/-1}.search-wrap{margin-left:0}}

/* Relatório operacional unificado */
.report-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.report-summary article{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:14px 16px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.report-summary .feature-icon{width:40px;height:40px;border-radius:14px;font-size:1.05rem}.report-summary article>span:last-child{display:grid;gap:2px}.report-summary small{color:var(--muted);font-size:.65rem}.report-summary strong{font-size:1.15rem}.report-workspace{padding:18px}.report-filters{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(4,minmax(145px,.75fr));gap:9px;align-items:end;margin-bottom:14px}.report-search{height:43px;border:1px solid var(--border);border-radius:14px;display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--muted);background:var(--surface)}.report-search input{min-width:0;width:100%;border:0;background:transparent;outline:0}.report-filters select,.date-filter input{height:43px;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:0 11px;outline:0}.report-filters select:focus,.date-filter input:focus,.report-search:focus-within{border-color:var(--primary);box-shadow:var(--focus)}.date-filter{display:grid;gap:4px;font-size:.62rem;font-weight:750;color:var(--muted)}.date-filter input{width:100%}.report-table-wrap{max-height:560px;overflow:auto;border-radius:16px}.report-table{min-width:1320px}.report-table thead{position:sticky;top:0;z-index:2}.report-table th{background:var(--surface-2);box-shadow:0 1px 0 var(--border)}.report-table td{vertical-align:middle}.report-task{display:grid;min-width:230px;max-width:310px;gap:3px}.report-task strong,.report-task small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-task small{font-size:.63rem;color:var(--muted)}.progress-cell{display:grid;grid-template-columns:90px 36px;align-items:center;gap:7px}.progress-cell .progress{height:6px}.progress-cell strong{font-size:.65rem}.report-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 4px 0;font-size:.7rem}.report-workspace .empty{padding:35px 12px}.head-actions{flex-wrap:wrap}.head-actions .btn{white-space:nowrap}
html.dark .report-summary article{box-shadow:none}html.dark .report-search,html.dark .report-filters select,html.dark .date-filter input{background:var(--surface);color:var(--text)}html.dark .report-table th{background:var(--surface-2)}
@media(max-width:1400px){.report-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.report-search{grid-column:span 2}.report-summary{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.report-summary{grid-template-columns:1fr 1fr}.report-filters{grid-template-columns:1fr 1fr}.report-search{grid-column:1/-1}.report-filters select{min-width:0}.report-footer{display:grid}.page-head .head-actions{justify-content:flex-end}.page-head .head-actions .btn{height:39px;font-size:.68rem}}

/* Gestão SaaS multiempresa */
.platform-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.platform-summary article{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:16px;box-shadow:var(--shadow)}.platform-summary article>span:last-child{display:grid;gap:2px}.platform-summary small{color:var(--muted);font-size:.68rem}.platform-summary strong{font-size:1.25rem}.organization-list{display:grid}.organization-item{display:grid;grid-template-columns:48px minmax(220px,1fr) 145px 100px 135px auto;align-items:end;gap:12px;padding:17px 4px;border-bottom:1px solid var(--border)}.organization-item:last-child{border-bottom:0}.organization-logo{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;align-self:center;background:linear-gradient(135deg,#ede9fe,#dbeafe);color:#5549d7;font-weight:850}.organization-main{display:grid;align-self:center;gap:3px;min-width:0}.organization-main strong{font-size:.85rem}.organization-main small,.organization-main span{font-size:.65rem;color:var(--muted)}.organization-item label{display:grid;gap:5px;font-size:.63rem;font-weight:750;color:var(--muted)}.organization-item select,.organization-item input,.account-form select{min-height:42px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);padding:0 10px;outline:0}.organization-item select:focus,.organization-item input:focus,.account-form select:focus{border-color:var(--primary);box-shadow:var(--focus)}
html.dark .organization-logo{background:#29284d;color:#c9c5ff}.account-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-form .form-grid label{min-width:0}
@media(max-width:1200px){.organization-item{grid-template-columns:48px minmax(200px,1fr) repeat(3,minmax(110px,1fr));}.organization-item>.btn{grid-column:2/-1;justify-self:end}}
@media(max-width:760px){.platform-summary{grid-template-columns:1fr}.organization-item{grid-template-columns:44px 1fr}.organization-item>label,.organization-item>.btn{grid-column:2;justify-self:stretch}.account-form .form-grid{grid-template-columns:1fr}}