:root{--bg:#0a0a0f;--panel:#0d1525;--panel-soft:#10182a;--text:#eef2ff;--muted:#8aa0c0;--line:#1a2030;--brand:#00c6ff;--brand-dark:#0072ff;--accent:#5ce08a;--brand-gradient:linear-gradient(90deg,#00c6ff,#0072ff);--danger:#ef4444;--ok:#5ce08a;--warning:#fbbf24;--shadow-sm:0 1px 2px rgba(0,0,0,0.24);--shadow-md:0 20px 44px rgba(0,0,0,0.34)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 18% 0,rgba(0,198,255,.12),transparent 32%),linear-gradient(180deg,#05070d 0,var(--bg) 360px),var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);transition:grid-template-columns .16s ease}.shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{background:#05070d;color:var(--text);padding:20px 16px;display:flex;flex-direction:column;gap:24px;min-width:0;height:100vh;position:-webkit-sticky;position:sticky;top:0;overflow:hidden;border-right:1px solid var(--line)}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.brand{display:grid;grid-gap:4px;gap:4px;min-width:0}.brand strong{font-family:Space Grotesk,Inter,Arial,Helvetica,sans-serif;font-size:18px;letter-spacing:.04em}.brand span{color:var(--muted);font-size:13px}.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.06);color:#f4f4f5;font-weight:800}.icon-btn:hover{background:rgba(255,255,255,.12)}.hamburger-icon{display:grid;grid-gap:4px;gap:4px;width:16px}.hamburger-icon span{display:block;height:2px;border-radius:999px;background:currentColor}.icon-btn.light{border-color:var(--line);background:var(--panel-soft);color:var(--text)}.icon-btn.light:hover{background:#141a2a}.nav{display:flex;flex-direction:column;gap:18px;min-height:0;flex:1 1}.nav-primary,.nav-utilities{display:grid;grid-gap:8px;gap:8px}.nav-primary{min-height:0;overflow:hidden}.nav-utilities{margin-top:auto;border-top:1px solid var(--line);padding-top:12px;flex:0 0 auto}.nav-primary a{display:flex;align-items:center;gap:10px;background:transparent;color:#c7d2ee;border-radius:8px;padding:10px 12px;text-align:left;min-width:0}.nav-primary a:hover{background:rgba(0,198,255,.08)}.nav-primary a.active{background:rgba(0,198,255,.12);color:#ffffff}.nav-primary a.active .nav-icon{background:var(--brand-gradient);color:#ffffff}.nav-action-icon,.nav-icon{display:inline-grid;place-items:center;flex:0 0 auto;color:currentColor}.nav-icon{width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,.06);color:#c7d2ee}.nav-action-icon svg,.nav-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-action{display:flex;align-items:center;gap:10px;min-width:0;border-radius:8px;padding:9px 10px;background:rgba(255,255,255,.04);color:#c7d2ee;text-align:left;font-size:13px;font-weight:700}.nav-action:hover{background:rgba(0,198,255,.08);color:#ffffff}.nav-action.danger{color:#fecaca}.nav-action.danger:hover{background:rgba(239,68,68,.16)}.nav-action-icon{width:22px;height:22px;border-radius:999px;background:rgba(0,198,255,.1)}.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0;border-radius:8px;padding:10px;background:rgba(0,198,255,.07);color:var(--text)}.sidebar-user-avatar{display:inline-grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:999px;background:var(--brand-gradient);color:#ffffff;font-size:13px;font-weight:900}.sidebar-user-text{display:grid;grid-gap:2px;gap:2px;min-width:0}.sidebar-user-text small,.sidebar-user-text strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-text strong{display:flex;align-items:center;gap:6px;font-size:13px}.sidebar-user-text strong span{flex:0 0 auto;border-radius:999px;padding:2px 7px;background:rgba(0,198,255,.12);color:var(--brand);font-size:10px;font-weight:800;line-height:1.2;text-transform:capitalize}.sidebar-user-text small{color:var(--muted);font-size:11px}.shell.sidebar-collapsed .sidebar{padding-inline:14px}.shell.sidebar-collapsed .sidebar-head{justify-content:center}.shell.sidebar-collapsed .brand,.shell.sidebar-collapsed .nav-label{display:none}.shell.sidebar-collapsed .nav-action,.shell.sidebar-collapsed .nav-primary a,.shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:10px}.shell.sidebar-collapsed .sidebar-user-text{display:none}.main{padding:34px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.topbar,.topbar>div{min-width:0}.dashboard-hero{align-items:flex-end}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 6px;text-transform:uppercase;letter-spacing:.08em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:32px;line-height:1.15}h1,h2,h3{font-family:Space Grotesk,Inter,Arial,Helvetica,sans-serif;letter-spacing:0}h2,h3{line-height:1.2}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px;box-shadow:var(--shadow-sm)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.metric-card{display:grid;grid-gap:8px;gap:8px;min-height:126px;align-content:space-between;border-top:3px solid transparent}.metric-card span{color:var(--muted);font-size:13px}.metric-card strong{font-size:30px;line-height:1.05;letter-spacing:0}.metric-card small{color:var(--muted);font-size:12px}.metric-card.good{border-color:rgba(16,185,129,.32);border-top-color:var(--ok)}.metric-card.watch{border-color:rgba(245,158,11,.34);border-top-color:var(--warning)}.metric{display:grid;grid-gap:8px;gap:8px}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:28px}.section{margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.dashboard-tabs{display:inline-flex;gap:4px;margin-bottom:18px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.dashboard-tabs button{min-width:132px;min-height:38px;border-radius:6px;background:transparent;color:var(--muted);font-weight:800}.dashboard-tabs button.active{background:var(--brand-gradient);color:#ffffff;box-shadow:var(--shadow-sm)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-heading h2,.panel-heading h3{margin:0}.panel-heading.compact,.pill{align-items:center}.pill{display:inline-flex;min-height:28px;border-radius:999px;padding:4px 10px;background:rgba(0,198,255,.1);color:var(--brand);font-size:12px;font-weight:700}.pill.subtle{background:var(--panel-soft);color:var(--muted)}.chart-panel{padding:20px}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px}.status-dot{display:inline-flex;align-items:center;gap:8px;min-height:32px;border:1px solid var(--line);border-radius:999px;background:var(--panel-soft);color:var(--muted);padding:5px 11px;font-size:12px;font-weight:700}.status-dot:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--ok)}.status-dot.loading:before{background:var(--warning)}.chart-wrap{display:grid;grid-gap:12px;gap:12px;min-width:0}.chart-wrap svg{width:100%;height:auto;display:block}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-axis{fill:var(--muted);font-size:12px}.chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;color:var(--muted);font-size:13px}.chart-legend.vertical{display:grid;align-content:center;grid-gap:10px;gap:10px}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.chart-legend i{width:10px;height:10px;border-radius:999px;display:inline-block}.bar-list{display:grid;grid-gap:15px;gap:15px}.bar-row{display:grid;grid-gap:7px;gap:7px;min-width:0}.bar-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:13px}.bar-row-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-row-head strong{flex:0 0 auto;font-size:13px}.bar-track{height:9px;overflow:hidden;border-radius:999px;background:var(--panel-soft)}.bar-fill{height:100%;border-radius:inherit}.donut-layout{display:grid;grid-template-columns:minmax(160px,220px) minmax(0,1fr);grid-gap:20px;gap:20px;align-items:center}.donut{width:100%;max-width:220px}.donut-bg{fill:none;stroke:var(--panel-soft);stroke-width:4}.donut-segment{fill:none;stroke-width:4;transform:rotate(-90deg);transform-origin:center}.donut-value{fill:var(--text);font-size:6px;font-weight:700}.donut-label{fill:var(--muted);font-size:3px}.empty-state{display:grid;place-items:center}.empty-state,.loading-panel{min-height:160px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:20px;text-align:center}.loading-panel{display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,rgba(13,21,37,.92),rgba(10,20,32,.92))}.loading-panel.compact{min-height:120px;width:100%}.settings-loading{grid-column:1/-1}.loading-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid rgba(238,242,255,.18);border-top:2px solid var(--brand);border-radius:999px;animation:spin .75s linear infinite}.skeleton-grid{pointer-events:none}.skeleton-card{overflow:hidden}.skeleton-line{display:block;width:80%;height:16px;border-radius:999px;background:linear-gradient(90deg,#10182a,#141a2a 45%,#10182a 90%);background-size:220% 100%;animation:shimmer 1.1s ease-in-out infinite}.skeleton-line.short{width:52%}.skeleton-line.tiny{width:64%;height:12px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{to{background-position:-220% 0}}.alert-panel{display:grid;grid-gap:4px;gap:4px;margin-bottom:14px;border-color:rgba(239,68,68,.28)}.alert-panel,.form-alert{background:rgba(239,68,68,.08)}.form-alert{border:1px solid rgba(239,68,68,.28);border-radius:8px;padding:10px 12px}.alert-panel span{color:var(--muted);overflow-wrap:anywhere}.two-col{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:16px;gap:16px}.editor-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.editor-layout.files-collapsed{grid-template-columns:minmax(0,1fr)}.editor-layout.files-collapsed .file-panel{display:none}.file-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.file-browser-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.file-browser-head div{display:grid;grid-gap:3px;gap:3px;min-width:0}.file-browser-head strong{overflow-wrap:anywhere}.editor-workspace{display:grid;grid-gap:16px;gap:16px;min-width:0}.folder-rail{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);padding:12px 14px;text-align:left;box-shadow:var(--shadow-sm)}.folder-rail span{color:var(--muted);font-size:13px}.folder-rail strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-rail:hover{border-color:rgba(0,198,255,.42)}.editor-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:-webkit-sticky;position:sticky;top:18px;z-index:4}.editor-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin-top:6px;color:var(--muted);font-size:12px}.editor-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.segmented{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft)}.segmented button{min-height:32px;border-radius:6px;padding:6px 10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.segmented button.active{background:var(--brand-gradient);color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.24)}.segmented button:disabled{cursor:not-allowed;opacity:.45}.editor-grid{display:grid;grid-gap:16px;gap:16px;min-width:0}.editor-grid.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.editor-grid.preview,.editor-grid.source{grid-template-columns:minmax(0,1fr)}.preview-panel,.source-panel{min-width:0}.live-preview{width:100%;min-height:680px;border:1px solid var(--line);border-radius:6px;background:#ffffff;box-shadow:inset 0 0 0 1px #ffffff}.table{width:100%;border-collapse:collapse}.table tr:hover td{background:rgba(0,198,255,.06)}.table td,.table th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}.table th{color:var(--muted);font-weight:600;font-size:13px}.btn{background:var(--brand-gradient);color:#fff;border-radius:6px;padding:10px 14px;font-weight:700;transition:background .12s ease,transform .12s ease,border-color .12s ease}.btn:active,.icon-btn:active,.segmented button:active{transform:translateY(1px)}.btn:disabled,.icon-btn:disabled,.segmented button:disabled{cursor:not-allowed;opacity:.62}.btn:hover{background:linear-gradient(90deg,#19d0ff,#1a82ff)}.btn.secondary{background:var(--panel-soft);color:var(--text);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#0a1420;color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.textarea:focus{border-color:rgba(0,198,255,.65);box-shadow:0 0 0 3px rgba(0,198,255,.12);outline:none}.textarea{min-height:520px;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.5;resize:vertical}.code-editor-shell{display:grid;grid-template-columns:54px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#05070d}.line-gutter{min-height:680px;max-height:680px;margin:0;padding:14px 12px;overflow:hidden;border-right:1px solid var(--line);background:#0d1117;color:#4a6080;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.line-gutter span{display:block;height:20.8px}.code-input-wrap{position:relative;min-width:0;min-height:680px;max-height:680px;overflow:hidden;background:#05070d}.code-highlight,.textarea.editor-textarea{position:absolute;inset:0;width:100%;min-height:680px;max-height:680px;margin:0;padding:14px 16px;border:0;border-radius:0;font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.6;-moz-tab-size:2;tab-size:2;white-space:pre;overflow:auto}.code-highlight{z-index:1;color:#eef2ff;pointer-events:none}.textarea.editor-textarea{z-index:2;background:transparent;color:transparent;caret-color:var(--brand);resize:none}.textarea.editor-textarea::placeholder{color:#4a6080;-webkit-text-fill-color:#4a6080}.textarea.editor-textarea::selection{background:rgba(0,198,255,.3)}.syntax-tag{color:#00c6ff}.syntax-attr{color:#fbbf24}.syntax-string{color:#86efac}.syntax-comment{color:#4a6080;font-style:italic}.syntax-keyword{color:#8aa0c0}.syntax-number{color:#fca5a5}.syntax-punctuation{color:#8aa0c0}.stack{display:grid;grid-gap:12px;gap:12px}.field{display:grid;grid-gap:7px;gap:7px}.field>span{color:var(--muted);font-size:13px;font-weight:700}.compact-textarea{min-height:132px}.muted{color:var(--muted)}.error{color:var(--danger)}.success{color:var(--ok)}.settings-grid{display:grid;grid-gap:16px;gap:16px}.settings-card{display:grid;grid-gap:18px;gap:18px}.settings-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.settings-card-head h2{margin-bottom:4px;font-size:18px}.settings-card-head p{margin-bottom:0}.settings-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.settings-fields .field:has(textarea){grid-column:1/-1}.account-create{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(200px,1fr) minmax(140px,.6fr) auto;grid-gap:12px;gap:12px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:16px}.account-create-btn{min-height:43px;white-space:nowrap}.account-list{display:grid;grid-gap:10px;gap:10px}.account-row{display:grid;grid-template-columns:minmax(220px,1.2fr) 120px 112px minmax(220px,1fr) auto;grid-gap:10px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel-soft)}.account-identity{display:grid;grid-gap:3px;gap:3px;min-width:0}.account-identity span,.account-identity strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-identity span{color:var(--muted);font-size:12px}.user-role-chip{display:inline-flex;min-height:38px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;padding:0 14px;color:var(--text);background:rgba(238,242,255,.06);font-size:.78rem;font-weight:800;text-transform:capitalize}.user-role-chip.owner{color:var(--brand);border-color:rgba(0,198,255,.26);background:rgba(0,198,255,.1)}.compact-select,.status-toggle{min-height:40px}.status-toggle.is-active{background:rgba(16,185,129,.12);color:var(--ok)}.password-reset{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px}.compact-metrics .metric-card{min-height:108px}.crm-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);grid-gap:16px;gap:16px;align-items:start}.customers-layout{grid-template-columns:minmax(280px,380px) minmax(0,1fr)}.projects-layout{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);grid-gap:16px;gap:16px;align-items:start}.crm-form-panel{display:grid;grid-gap:14px;gap:14px}.modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;overflow:auto;background:rgba(10,10,10,.52);padding:24px}.modal-panel{width:min(100%,620px);max-height:calc(100vh - 48px);overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px;box-shadow:var(--shadow-md)}.modal-panel.wide{width:min(100%,760px)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.modal-head h2,.modal-head p{margin-bottom:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.crm-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(160px,220px);grid-gap:12px;gap:12px;align-items:center;margin-bottom:16px}.customer-toolbar{grid-template-columns:minmax(0,1fr)}.projects-toolbar{grid-template-columns:minmax(220px,1fr) minmax(160px,220px)}.crm-filter,.crm-search{min-height:40px}.crm-list,.project-board{display:grid;grid-gap:10px;gap:10px}.crm-card,.project-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:14px;gap:14px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-soft);padding:14px}.project-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;border-left:4px solid var(--line)}.project-card.selected{border-color:rgba(0,198,255,.38);border-left-color:var(--brand);background:rgba(0,198,255,.07)}.project-card-main{display:grid;grid-gap:6px;gap:6px;min-width:0;background:transparent;color:inherit;padding:0;text-align:left}.progress-track{height:9px;overflow:hidden;border-radius:999px;background:var(--panel-soft)}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--brand-gradient)}.project-card.priority-high{border-left-color:var(--danger)}.project-card.priority-medium{border-left-color:var(--warning)}.project-card.priority-low{border-left-color:var(--ok)}.crm-card-title{display:flex;align-items:center;gap:10px;min-width:0}.crm-card-title h3{margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-card p,.project-card p{margin:6px 0 0;overflow-wrap:anywhere}.crm-card-meta{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:13px;white-space:nowrap}.crm-actions{display:flex;justify-content:flex-end;gap:8px}.project-inquiry,.status-lead{background:rgba(0,198,255,.1);color:var(--brand)}.project-completed,.project-in_progress,.project-review,.status-active{background:rgba(16,185,129,.12);color:var(--ok)}.project-on_hold,.status-past{background:var(--panel-soft);color:var(--muted)}.project-planning{background:rgba(245,158,11,.14);color:var(--warning)}.project-detail{display:grid;grid-gap:16px;gap:16px}.project-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.project-overview div{display:grid;grid-gap:4px;gap:4px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel-soft)}.project-overview p{grid-column:1/-1;margin-bottom:0}.child-panel{display:grid;grid-gap:14px;gap:14px}.child-form{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(120px,.55fr)) auto;grid-gap:10px;gap:10px;align-items:start}.child-description{grid-column:1/-2;min-height:84px}.child-list{display:grid;grid-gap:8px;gap:8px}.child-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;padding:12px}.child-row>div:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.file-list{display:grid;grid-gap:6px;gap:6px;max-height:620px;overflow:auto;padding-right:2px}.file-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:transparent;border:1px solid var(--line);border-radius:8px;padding:10px;text-align:left;transition:background .12s ease,border-color .12s ease}.file-list button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-list button small{flex:0 0 auto}.file-list button.active,.file-list button:hover{background:var(--panel-soft);border-color:rgba(0,198,255,.32)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,390px);background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:26px;box-shadow:var(--shadow-md);display:grid;grid-gap:16px;gap:16px}.login-brand{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.login-brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--brand-gradient);color:#fff;font-weight:800}.login-brand div{display:grid;grid-gap:2px;gap:2px}.login-brand small{color:var(--muted)}@media (max-width:980px){.shell,.shell.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;height:auto;overflow:visible}.shell.sidebar-collapsed .sidebar,.sidebar{padding:18px 20px}.shell.sidebar-collapsed .sidebar-head{justify-content:space-between}.shell.sidebar-collapsed .brand,.shell.sidebar-collapsed .nav-label{display:grid}.shell.sidebar-collapsed .nav-action,.shell.sidebar-collapsed .nav-primary a,.shell.sidebar-collapsed .sidebar-user{justify-content:flex-start}.shell.sidebar-collapsed .sidebar-user-text{display:grid}.nav-primary{overflow:visible}.account-create,.account-row,.child-form,.crm-card,.crm-layout,.crm-toolbar,.dashboard-grid,.editor-grid.split,.editor-layout,.form-grid,.grid,.metric-grid,.project-card,.project-overview,.projects-layout,.settings-fields,.two-col{grid-template-columns:1fr}.dashboard-hero{align-items:flex-start}.donut-layout{grid-template-columns:1fr}.crm-actions{justify-content:flex-start}.crm-card-meta{white-space:normal}.child-description{grid-column:auto}.child-row{align-items:flex-start;flex-direction:column}}@media (max-width:640px){.main{padding:20px}.topbar{align-items:flex-start;flex-direction:column}.editor-actions,.header-actions{justify-content:flex-start;width:100%}.header-actions .btn{flex:1 1}.dashboard-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.dashboard-tabs button{min-width:0}.metric-card strong{font-size:26px}.panel-heading,.panel-heading.compact{align-items:flex-start;flex-direction:column}.editor-toolbar{flex-direction:column;position:static}.editor-actions{justify-content:flex-start}.crm-card-title,.settings-card-head{flex-direction:column}.crm-card-title{align-items:flex-start}.crm-actions .btn{flex:1 1}.modal-backdrop{padding:14px}.modal-actions{flex-direction:column-reverse}.login-card{padding:24px}.code-highlight,.code-input-wrap,.editor-textarea,.line-gutter,.live-preview{min-height:520px;max-height:520px}.code-editor-shell{grid-template-columns:44px minmax(0,1fr)}}