:root{--ink:#171b22;--muted:#727985;--bg:#f4f5f7;--card:#fff;--line:#e5e7eb;--accent:#665cf6;--accent2:#8e7cff;--danger:#df3f51;--warn:#ed9b22;--ok:#1eaa70;--dark:#101319;--shadow:0 14px 38px rgba(23,27,34,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot{height:100vh;display:flex;gap:12px;align-items:center;justify-content:center}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.09em}.brand-logo{display:block;width:140px;height:auto;max-height:34px;object-fit:contain}.brand span{font-size:12px;letter-spacing:.16em;color:#ff3939}.brand-panel{background:var(--dark);padding:16px 18px;border-radius:14px;box-shadow:0 16px 40px #171a2030}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:#fff}.login-art{background:var(--dark);color:#fff;padding:8vw;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.login-art:after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:linear-gradient(135deg,#e72b2b,#8f1111);filter:blur(2px);right:-230px;bottom:-210px;opacity:.8}.login-art h1{font-size:clamp(38px,6vw,74px);line-height:1.02;max-width:760px;margin:80px 0 24px}.login-art p{color:#b8bec9;font-size:18px;max-width:620px}.login-box{display:flex;align-items:center;justify-content:center;padding:40px}.login-box form{width:min(390px,100%)}.login-box h2{font-size:32px;margin:0 0 8px}.login-box .sub{color:var(--muted);margin-bottom:32px}
.field{display:grid;gap:7px;margin-bottom:15px}.field label{font-weight:700;font-size:13px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff;outline:none;color:var(--ink)}.field textarea{min-height:92px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(102,92,246,.11)}.btn{border:0;border-radius:11px;padding:11px 16px;background:var(--accent);color:#fff;font-weight:800}.btn:hover{filter:brightness(.97)}.btn.secondary{background:#eef0f4;color:var(--ink)}.btn.danger{background:#feecef;color:var(--danger)}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}
.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr;transition:grid-template-columns .18s}.sidebar{position:sticky;top:0;height:100vh;background:var(--dark);color:#fff;padding:24px 17px;display:flex;flex-direction:column;overflow:hidden}.sidebar .brand{padding:0 9px 26px;min-height:60px}.sidebar .brand-logo{width:138px}.brand-mini{display:none;width:38px;height:38px;border-radius:11px;background:#e72b2b;color:#fff;place-items:center;letter-spacing:0;font-size:12px}.nav{display:grid;gap:5px}.nav button,.side-toggle,.theme-toggle{border:0;background:transparent;color:#9ea6b3;text-align:left;padding:11px 12px;border-radius:10px;font-weight:650;white-space:nowrap}.nav button em,.side-toggle em,.theme-toggle em{font-style:normal}.nav button:hover,.nav button.active,.side-toggle:hover,.theme-toggle:hover{background:#252a33;color:#fff}.nav button span,.side-toggle span,.theme-toggle span{display:inline-block;width:23px}.theme-toggle{margin-top:auto;width:100%}.side-toggle{margin-top:4px;width:100%}.userbox{margin-top:8px;border-top:1px solid #292e37;padding:18px 8px 0;white-space:nowrap}.userbox strong,.userbox small{display:block}.userbox small{color:#8f98a7}.logout{color:#9ea6b3;background:none;border:0;padding:10px 0}.shell.sidebar-collapsed{grid-template-columns:72px 1fr}.sidebar-collapsed .sidebar{padding-left:10px;padding-right:10px}.sidebar-collapsed .sidebar .brand{padding-left:7px}.sidebar-collapsed .brand-logo,.sidebar-collapsed .brand-crm{display:none}.sidebar-collapsed .brand-mini{display:grid}.sidebar-collapsed .nav button,.sidebar-collapsed .side-toggle,.sidebar-collapsed .theme-toggle{font-size:0;text-align:center;padding-left:8px;padding-right:8px}.sidebar-collapsed .nav button span,.sidebar-collapsed .side-toggle span,.sidebar-collapsed .theme-toggle span{width:auto;font-size:16px}.sidebar-collapsed .userbox{padding-left:0;padding-right:0;text-align:center}.sidebar-collapsed .userbox strong,.sidebar-collapsed .userbox small{display:none}.sidebar-collapsed .logout{font-size:0}.sidebar-collapsed .logout:after{content:'↪';font-size:17px}.menu-scrim{display:none}.main{min-width:0}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.topbar h1{font-size:22px;margin:0}.content{padding:28px 32px 60px;max-width:1600px;margin:auto}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.toolbar h2{margin:0;font-size:24px}.muted{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:22px}.stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px}.stat small{color:var(--muted);font-weight:650}.stat strong{display:block;font-size:30px;margin-top:7px}.stat.danger strong{color:var(--danger)}.card{background:var(--card);border:1px solid var(--line);border-radius:15px;box-shadow:0 1px 0 rgba(0,0,0,.01)}.card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.card-head h3{margin:0}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line);vertical-align:top}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fafbfc;white-space:nowrap}.table tbody tr:hover{background:#fafaff}.clickable{cursor:pointer}.project-title{font-weight:800}.tag{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:#eef0f4;color:#535b68;font-size:11px;font-weight:800;white-space:nowrap}.tag.ok{background:#e7f8f1;color:#14855a}.tag.danger{background:#feecef;color:#c72f42}.tag.warn{background:#fff2df;color:#ad6b08}.tag.accent{background:#eeecff;color:#564bdc}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;margin-right:5px}
.production-stats,.sales-stats{grid-template-columns:repeat(6,1fr)}
.shell:has(.sales-board) .topbar{display:none}.shell:has(.sales-board) .content{padding-top:22px}.shell:has(.sales-board) .toolbar .muted,.shell:has(.sales-board) .sales-hint{display:none}.shell:has(.sales-board) .toolbar{margin-bottom:14px}.shell:has(.sales-board) .sales-stats{gap:8px;margin-bottom:14px}.shell:has(.sales-board) .sales-stats .stat{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:11px;min-height:46px}.shell:has(.sales-board) .sales-stats .stat small{line-height:1.15}.shell:has(.sales-board) .sales-stats .stat strong{font-size:21px;line-height:1;margin:0}
.portfolio-tools{display:flex;gap:10px;margin-bottom:16px}.portfolio-tools input,.portfolio-tools select{border:1px solid var(--line);border-radius:11px;padding:11px 13px;background:#fff}.portfolio-tools input{flex:1}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.project-tile{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;cursor:pointer;outline:none;transition:.16s;box-shadow:0 1px 0 rgba(0,0,0,.01)}.project-tile:hover,.project-tile:focus{border-color:#beb8ff;transform:translateY(-2px);box-shadow:var(--shadow)}.project-tile.hot{border-top:3px solid var(--warn)}.tile-head{display:flex;justify-content:space-between;align-items:start;gap:10px}.tile-head h3{font-size:18px;margin:0}.tile-head p{color:var(--muted);margin:4px 0 0}.tile-tags{display:flex;flex-wrap:wrap;gap:5px;min-height:25px;margin:12px 0}.tile-action{display:grid;gap:3px;padding:12px;background:#f7f7fa;border-radius:10px}.tile-action small{color:var(--muted)}.tile-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin-top:13px;font-size:12px;color:var(--muted)}.tile-meta span:last-child{grid-column:1/3}.tile-meta b{color:var(--ink)}
.project-header{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}.project-header h2{font-size:30px;margin:0 0 4px}.project-actions{display:flex;gap:8px;align-items:start}.tabs{display:flex;gap:4px;padding:5px;background:#e9ebef;border-radius:12px;overflow:auto;margin-bottom:18px}.tabs button{border:0;background:transparent;padding:9px 13px;border-radius:9px;color:#5f6773;font-weight:750;white-space:nowrap}.tabs button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(0,0,0,.06)}
.progress{height:8px;border-radius:10px;background:#e8eaf0;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),#38c9b2);border-radius:10px}.summary-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.stack{display:grid;gap:15px}.pad{padding:20px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info b{font-size:11px;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:4px}.checklist{display:grid}.check{display:grid;grid-template-columns:200px 1fr 150px 230px 54px;gap:12px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.check:last-child{border:0}.check .section{font-size:12px;color:var(--muted)}.check h4{margin:2px 0}.check p{margin:3px 0;color:var(--muted);font-size:12px}.check select,.check input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px}.gate{padding:15px 18px;border-radius:13px;font-weight:850;margin-bottom:15px}.gate.closed{background:#feecef;color:#ba3041}.gate.open{background:#e7f8f1;color:#137f56}
.project-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.mini-stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.mini-stat small{color:var(--muted);font-weight:700}.mini-stat strong{display:block;font-size:26px;margin-top:4px}.mini-stat.danger strong{color:var(--danger)}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:15px}.card-head-inline{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:14px}.card-head-inline h3,.card-head-inline p{margin:0}.focus-list{display:grid;gap:8px;margin:12px 0}.focus-task{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:11px;padding:12px}.focus-task.danger{border-left-color:var(--danger);background:#fffafb}.focus-task small{display:block;color:var(--muted);margin-top:3px}.empty-compact{padding:20px;text-align:center;color:var(--muted);background:#f8f9fb;border-radius:11px}.project-summary{white-space:pre-wrap;line-height:1.6}.source-link{display:inline-block;color:var(--accent);font-weight:800;text-decoration:none;margin-top:8px}.deadline-list{display:grid;gap:8px}.deadline{border-left:4px solid var(--ok);background:#f7faf9;border-radius:10px;padding:11px}.deadline.warn{border-left-color:var(--warn);background:#fffaf3}.deadline.danger{border-left-color:var(--danger);background:#fff7f8}.deadline div{display:grid;gap:2px}.deadline small{color:var(--muted)}.deadline>strong{display:block;font-size:12px;margin-top:6px}.info-list p{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;margin:0}.info-list span{color:var(--muted)}.mini-timeline>div{display:grid;grid-template-columns:12px 1fr;gap:8px}.mini-timeline span{width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:6px}.mini-timeline p{margin:0 0 13px}.mini-timeline small{color:var(--muted)}
.task-strip{display:flex;align-items:center;gap:8px;margin-bottom:14px}.task-strip .btn{margin-left:auto}.kanban{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:13px;overflow:auto}.column{background:#e9ebef;border-radius:14px;padding:10px;min-height:320px}.column-blocked{background:#f5e7e9}.column-head{display:flex;justify-content:space-between;padding:6px 6px 12px;font-weight:850}.task{background:#fff;border-radius:11px;padding:13px;margin-bottom:9px;border:1px solid #e0e3e8}.task.task-overdue{background:#fffafb}.task strong{display:block;margin-bottom:7px}.task small{display:block;color:var(--muted);margin-top:5px}.task-desc{white-space:pre-wrap;color:#4f5661;font-size:13px}.task-labels{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.task-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.priority-high{border-left:4px solid var(--danger)}.priority-urgent{border-left:4px solid #991f31}.column-empty{text-align:center;color:var(--muted);padding:30px 8px}.report{padding:20px;border-bottom:1px solid var(--line)}.report h3{margin:3px 0 13px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.report p{white-space:pre-wrap;margin:5px 0}.report label{font-size:11px;text-transform:uppercase;color:var(--muted);font-weight:750}.report details{margin-top:14px}.report summary{cursor:pointer;font-weight:750;color:var(--accent)}.escalation{padding:18px;border-left:4px solid var(--danger);margin:14px;border-radius:10px;background:#fff9fa}.timeline{padding:0 20px}.event{border-left:2px solid #e3e5ea;padding:0 0 18px 18px;position:relative}.event:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);position:absolute;left:-5px;top:5px}.event small{color:var(--muted)}
.sales-tools select:last-child{min-width:220px}.sales-hint{display:flex;align-items:center;gap:7px;margin:-4px 0 12px;color:var(--muted);font-size:12px}.sales-hint span{font-weight:900;color:var(--accent)}.sales-board{display:grid;grid-template-columns:repeat(7,minmax(270px,1fr));gap:13px;overflow:auto;padding:0 0 14px;scroll-snap-type:x proximity}.sales-column{background:#e9ebef;border:2px solid transparent;border-radius:14px;padding:10px;min-height:390px;scroll-snap-align:start;transition:.14s}.sales-column-won{background:#e8f4ef}.sales-column-lost{background:#f4e9eb}.sales-column.drag-over{border-color:var(--accent);background:#efedff;box-shadow:0 0 0 3px rgba(102,92,246,.09)}.sales-column .column-head{position:static;min-height:44px;align-items:center;margin:-2px -2px 10px;padding:8px 8px 12px;border-bottom:1px solid rgba(23,27,34,.08);background:transparent}.sales-column .column-head span{line-height:1.25}.sales-column .column-head b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:#fff;font-size:12px}.lead-list{display:grid;gap:9px;min-height:300px}.lead-tile{background:#fff;border:1px solid #e0e3e8;border-radius:12px;padding:13px;cursor:grab;transition:.14s;box-shadow:0 1px 0 rgba(0,0,0,.02)}.lead-tile:active{cursor:grabbing}.lead-tile:hover,.lead-tile:focus{border-color:#beb8ff;box-shadow:var(--shadow);outline:none;transform:translateY(-1px)}.lead-tile.dragging{opacity:.42;transform:rotate(1deg)}.lead-tile.overdue{border-left:4px solid var(--danger);background:#fffafb}.lead-tile h3{margin:0}.lead-tile p{margin:3px 0;color:var(--muted)}.drag-handle{color:#a3a8b1;font-weight:900;letter-spacing:-3px;padding-right:3px}.lead-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.lead-meta{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.lead-meta span{background:#f0f1f4;border-radius:7px;padding:4px 7px;font-size:11px}.lead-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;color:var(--muted)}.lead-advance{border:0;background:#eeecff;color:#564bdc;border-radius:8px;width:28px;height:26px;font-weight:900}.lead-advance:hover{background:var(--accent);color:#fff}.lead-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:15px}.next-action{display:flex;justify-content:space-between;gap:16px;background:#f2f7f5;border-left:4px solid var(--ok);padding:16px;border-radius:11px}.next-action.danger{background:#fff7f8;border-left-color:var(--danger)}
.modal-back{position:fixed;inset:0;background:rgba(16,19,25,.54);z-index:50;display:grid;place-items:center;padding:18px}.modal{background:#fff;border-radius:18px;width:min(720px,100%);max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:1}.modal-head h2{margin:0}.modal-body{padding:22px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.close{border:0;background:#eef0f4;width:32px;height:32px;border-radius:9px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 14px}.span-2{grid-column:span 2}#toast{position:fixed;right:20px;bottom:20px;z-index:100;display:grid;gap:8px}.toast{background:#171b22;color:#fff;border-radius:11px;padding:12px 16px;box-shadow:var(--shadow);max-width:360px}.toast.error{background:#bd3343}.empty{padding:48px;text-align:center;color:var(--muted)}.mobile-menu{display:none}
.audit-detail td{background:#fafbfc;color:#555;font-size:12px;white-space:normal;line-height:1.5}.action-log{display:grid;gap:10px}.action-item{border:1px solid var(--line);border-radius:12px;padding:13px}.action-item small{display:block;color:var(--muted);margin:5px 0}.action-item p{margin:8px 0;white-space:pre-wrap}.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;background:#f6f7f9;border-radius:9px;padding:9px;font-size:12px}.before-after b{color:var(--accent)}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.workspace-grid,.lead-detail-grid{grid-template-columns:1fr}.project-kpis{grid-template-columns:repeat(2,1fr)}.production-stats,.sales-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:1fr}.check{grid-template-columns:140px 1fr 130px}.check .proof{grid-column:2/4}.check .save{grid-column:3}.login-page{grid-template-columns:1fr}.login-art{display:none}}
@media(max-width:720px){.shell,.shell.sidebar-collapsed{display:block}.sidebar,.sidebar-collapsed .sidebar{position:fixed;z-index:30;transform:translateX(-100%);transition:.2s;width:236px;padding:24px 17px}.sidebar.open{transform:translateX(0)}.sidebar-collapsed .brand-logo{display:block}.sidebar-collapsed .brand-crm{display:inline}.sidebar-collapsed .brand-mini{display:none}.sidebar-collapsed .nav button,.sidebar-collapsed .side-toggle{font-size:14px;text-align:left;padding:11px 12px}.sidebar-collapsed .nav button span,.sidebar-collapsed .side-toggle span{width:23px;font-size:inherit}.sidebar-collapsed .userbox{text-align:left;padding:18px 8px 0}.sidebar-collapsed .userbox strong,.sidebar-collapsed .userbox small{display:block}.sidebar-collapsed .logout{font-size:14px}.sidebar-collapsed .logout:after{content:''}.mobile-menu{display:inline-flex}.topbar{height:64px;padding:0 16px}.content{padding:18px 14px 50px}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat strong{font-size:24px}.toolbar{align-items:flex-start;flex-direction:column}.project-header{display:block}.project-actions{margin-top:12px}.portfolio-tools{display:grid}.project-grid{grid-template-columns:1fr}.project-kpis{grid-template-columns:1fr 1fr}.check{grid-template-columns:1fr 115px}.check .section{grid-column:1/3}.check .proof{grid-column:1/3}.check .save{grid-column:2}.info-grid,.report-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.kanban{grid-template-columns:repeat(5,270px)}.sales-board{grid-template-columns:repeat(7,86vw)}.sales-tools select:last-child{min-width:0}.table th,.table td{padding:11px 10px}.hide-mobile{display:none}}

html[data-theme=dark]{--ink:#eef2f7;--muted:#9ba6b5;--bg:#0e1117;--card:#171c24;--line:#2a313d;--accent:#8f86ff;--accent2:#aa9fff;--danger:#ff6678;--warn:#ffb454;--ok:#3dd99b;--dark:#090c11;--shadow:0 16px 42px rgba(0,0,0,.42)}
html[data-theme=dark] .login-page{background:var(--bg)}
html[data-theme=dark] .login-box,html[data-theme=dark] .login-box form{color:var(--ink)}
html[data-theme=dark] .login-box .theme-toggle{margin:0 0 24px auto;width:auto;background:#202630;color:var(--ink)}
html[data-theme=light] .login-box .theme-toggle{margin:0 0 24px auto;width:auto;background:#eef0f4;color:var(--ink)}
html[data-theme=dark] .field input,html[data-theme=dark] .field select,html[data-theme=dark] .field textarea,html[data-theme=dark] .portfolio-tools input,html[data-theme=dark] .portfolio-tools select{background:#12171e;color:var(--ink);border-color:var(--line)}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#778293}
html[data-theme=dark] option{background:#171c24;color:var(--ink)}
html[data-theme=dark] .btn.secondary,html[data-theme=dark] .close{background:#252c36;color:var(--ink)}
html[data-theme=dark] .stat,html[data-theme=dark] .card,html[data-theme=dark] .project-tile,html[data-theme=dark] .mini-stat,html[data-theme=dark] .task,html[data-theme=dark] .lead-tile,html[data-theme=dark] .modal,html[data-theme=dark] .modal-head{background:var(--card);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] .table th{background:#12171e}html[data-theme=dark] .table tbody tr:hover{background:#1c222c}
html[data-theme=dark] .tile-action,html[data-theme=dark] .empty-compact{background:#11161d}html[data-theme=dark] .task-desc{color:#c0c7d1}
html[data-theme=dark] .tabs{background:#202630}html[data-theme=dark] .tabs button{color:#abb4c1}html[data-theme=dark] .tabs button.active{background:#343d49;color:#fff}
html[data-theme=dark] .tag{background:#29313c;color:#c8d0da}html[data-theme=dark] .tag.ok{background:#173c31;color:#6de0b2}html[data-theme=dark] .tag.danger{background:#47222a;color:#ff8795}html[data-theme=dark] .tag.warn{background:#49351c;color:#ffc875}html[data-theme=dark] .tag.accent{background:#332f5b;color:#bbb5ff}
html[data-theme=dark] .column,html[data-theme=dark] .sales-column{background:#151b23}html[data-theme=dark] .column-blocked,html[data-theme=dark] .sales-column-lost{background:#26191e}html[data-theme=dark] .sales-column-won{background:#14231e}html[data-theme=dark] .sales-column.drag-over{background:#272348}
html[data-theme=dark] .sales-column .column-head{border-color:#2f3743}html[data-theme=dark] .sales-column .column-head b{background:#2a323e}
html[data-theme=dark] .lead-meta span{background:#282f39}html[data-theme=dark] .lead-advance{background:#332f5b;color:#c2bcff}
html[data-theme=dark] .lead-tile.overdue,html[data-theme=dark] .focus-task.danger{background:#25181d}html[data-theme=dark] .focus-task{background:#171c24}
html[data-theme=dark] .next-action{background:#14271f}html[data-theme=dark] .next-action.danger{background:#2a181e}
html[data-theme=dark] .deadline{background:#14221d}html[data-theme=dark] .deadline.warn{background:#292116}html[data-theme=dark] .deadline.danger,html[data-theme=dark] .escalation{background:#29191e}
html[data-theme=dark] .progress{background:#29313c}html[data-theme=dark] .event{border-color:#323b47}html[data-theme=dark] .audit-detail td,html[data-theme=dark] .before-after{background:#11161d;color:#c0c7d1}
.user-profile{width:100%;min-height:52px;display:flex;align-items:center;gap:10px;border:0;border-radius:11px;background:transparent;color:#fff;padding:7px;text-align:left}.user-profile:hover,.user-profile.active{background:#252a33}.user-avatar{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:50%;background:#e72b2b;color:#fff;font-size:13px;font-weight:900}.user-copy{min-width:0}.user-profile strong,.user-profile small{overflow:hidden;text-overflow:ellipsis}.user-profile small{margin-top:1px}.logout{width:100%;text-align:left;padding-left:7px}.sidebar-collapsed .user-profile{justify-content:center;padding-left:0;padding-right:0}.sidebar-collapsed .user-avatar{width:36px;height:36px;flex-basis:36px}.sidebar-collapsed .logout{text-align:center;padding-left:0}

@media(max-width:720px){
  .sidebar,.sidebar-collapsed .sidebar{width:min(82vw,300px);padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom))}
  .sidebar-collapsed .theme-toggle{font-size:14px;text-align:left;padding:11px 12px}.sidebar-collapsed .theme-toggle span{width:23px;font-size:inherit}
  .sidebar-collapsed .user-profile{justify-content:flex-start;padding:7px}.sidebar-collapsed .user-copy{display:block}.sidebar-collapsed .logout{text-align:left;padding-left:7px}
  .menu-scrim{display:block;position:fixed;inset:0;z-index:25;border:0;background:rgba(3,5,8,.58);opacity:0;pointer-events:none;transition:opacity .2s}.menu-scrim.open{opacity:1;pointer-events:auto}
  .mobile-menu{align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:20px}
  .topbar{height:60px;padding:0 12px;gap:8px}.topbar h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}.topbar>div{margin-left:auto}
  .shell:has(.sales-board) .topbar{display:flex}.shell:has(.sales-board) .topbar h1{display:none}.shell:has(.sales-board) .content{padding-top:14px}
  .content{padding-left:12px;padding-right:12px;padding-bottom:max(42px,env(safe-area-inset-bottom))}
  .btn,.nav button,.side-toggle,.theme-toggle,.logout,.close{min-height:44px}
  .toolbar{gap:10px;margin-bottom:14px}.toolbar h2{font-size:22px}.toolbar .project-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:0}.toolbar .project-actions .btn{width:100%}
  .project-header h2{font-size:25px;overflow-wrap:anywhere}.project-header .project-actions{display:flex;flex-wrap:wrap;width:100%}
  .tabs button{min-height:44px}
  .portfolio-tools{gap:8px}.portfolio-tools input,.portfolio-tools select{width:100%;min-height:46px;font-size:16px}
  .field input,.field select,.field textarea{font-size:16px;min-height:46px}
  .stats,.production-stats,.sales-stats{gap:8px}.stat{min-width:0}.stat small{font-size:11px}.stat strong{font-size:22px}
  .shell:has(.sales-board) .sales-stats{grid-template-columns:1fr 1fr}.shell:has(.sales-board) .sales-stats .stat{min-height:48px;padding:9px 10px}
  .sales-board{grid-template-columns:repeat(7,minmax(290px,86vw));margin-left:-2px;margin-right:-2px;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch}.sales-column{min-height:340px}.lead-tile{cursor:pointer}.drag-handle{display:none}.lead-advance{width:44px;height:44px;flex:0 0 44px;font-size:18px}
  .project-kpis{gap:8px}.mini-stat{padding:13px}.mini-stat strong{font-size:22px}
  .info-list p{align-items:flex-start;gap:12px}.info-list b{text-align:right;overflow-wrap:anywhere;max-width:60%}
  .check{padding:13px 12px}.task-strip{align-items:flex-start;flex-wrap:wrap}.task-strip .btn{margin-left:0}
  .modal-back{padding:0;align-items:end}.modal{width:100%;max-height:94dvh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-head{padding:14px 16px}.modal-body{padding:16px}.modal-actions{position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:12px 0 2px;z-index:2}.modal-actions .btn{flex:1}
  #toast{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.toast{max-width:none}
}