:root{--ink:#070e14;--ink-2:#0b1620;--ink-3:#0f1d28;--sidebar:#050e15;--green:#29c76f;--green-deep:#17a656;--green-dim:#103325;--mint:#f1fff9;--paper:#fdfdfd;--card:#fff;--line:#e6eaea;--line-dark:#16242e;--text:#15211b;--muted:#5f6e69;--text-inv:#e9f2ee;--muted-inv:#8ba199;--gold:#e8b64c;--blue:#4c9ae8;--red:#e86a5b;--purple:#9b7be8;--teal:#37c2b4;--orange:#e8a04c;--radius:12px;--radius-lg:16px;--shadow:0 1px 2px #070e140f,0 8px 24px #070e1412;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--paper);color:var(--text);font-size:14px;line-height:1.5}.app-shell{min-height:100vh;display:flex}.project-workspace{height:100dvh;min-height:0}.project-workspace-loading{min-height:100dvh}.notification-panel{max-height:min(420px,100dvh - 96px)}.mobile-nav-open .report-issue-launcher{visibility:hidden;pointer-events:none}.sidebar{background:var(--sidebar);flex-direction:column;flex-shrink:0;width:240px;padding:24px 0;display:flex}.sidebar-logo{border-bottom:1px solid var(--line-dark);text-align:center;padding:0 16px 20px}.sidebar-logo-img{width:100%;max-width:180px;height:auto;margin:0 auto;display:block}.sidebar-tagline{color:var(--muted-inv);letter-spacing:.02em;margin-top:8px;font-size:10px;line-height:1.4}.sidebar-nav{flex:1;padding:16px 0}.sidebar-nav a{color:var(--muted-inv);border-left:3px solid #0000;padding:9px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:block}.sidebar-nav a:hover{color:var(--text-inv);background:#ffffff0a}.sidebar-nav a.active{color:var(--green);border-left-color:var(--green);background:#29c76f14}.sidebar-footer{border-top:1px solid var(--line-dark);color:var(--muted-inv);padding:16px 20px;font-size:12px}.main-content{flex-direction:column;flex:1;min-height:100vh;display:flex;overflow:hidden}.topbar{background:var(--card);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.topbar-title{font-family:var(--font-display);flex:1;font-size:16px;font-weight:600}.topbar-status{color:var(--muted);font-size:12px}.page{flex:1;padding:24px;overflow-y:auto}.auth-page{background:var(--ink);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:40px 36px}.auth-logo{text-align:center;margin-bottom:28px}.auth-logo-img{width:180px;height:auto;margin:0 auto;display:block}.auth-tagline{color:var(--muted-inv);letter-spacing:.02em;margin-top:4px;font-size:12px}.auth-footer{text-align:center;color:var(--muted-inv);margin-top:24px;font-size:12px;line-height:1.5}.form-group{margin-bottom:16px}label{color:var(--muted-inv);letter-spacing:.03em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.dark-form label{color:var(--muted-inv)}.light-form label{color:var(--muted)}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{width:100%;font-size:14px;font-family:var(--font-body);background:var(--card);color:var(--text);border-radius:8px;outline:none;padding:9px 12px;transition:border-color .15s}select{color:var(--text);background:var(--card);cursor:pointer}select option{color:var(--text);background:var(--card)}.dark-form input,.dark-form select{background:var(--ink-3);border:1px solid var(--line-dark);color:var(--text-inv)}.dark-form input:focus,.dark-form select:focus{border-color:var(--green)}.light-form input,.light-form select{background:var(--card);border:1px solid var(--line);color:var(--text)}.light-form input:focus,.light-form select:focus{border-color:var(--green-deep)}.btn{font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--green);color:#06140c}.btn-primary:hover{background:var(--green-deep)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{border:1px solid var(--line);color:var(--text);background:0 0}.btn-secondary:hover{border-color:var(--green-deep);color:var(--green-deep)}.btn-ghost{color:var(--muted);background:0 0;border:none}.btn-ghost:hover{color:var(--text)}.btn-sm{padding:5px 12px;font-size:12px}.btn-full{justify-content:center;width:100%}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-high{color:#17a656;background:#e3f6ec}.badge-review{color:#c47b0d;background:#fbefd6}.badge-missing{color:#c0392b;background:#f6e0e0}.badge-manual{color:#2374c5;background:#e7f1fb}.table-scroll{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.table-scroll:focus-visible{outline:2px solid var(--green);outline-offset:2px}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:var(--mint);text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--mint)}.qty{font-family:monospace;font-size:13px;font-weight:600}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex}.card-title{font-family:var(--font-display);flex:1;font-size:15px;font-weight:600}.card-body{padding:20px}.tabs{border-bottom:1px solid var(--line);background:var(--card);gap:0;padding:0 24px;display:flex;overflow-x:auto}.tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s}.tab-btn:hover{color:var(--text)}.tab-btn.active{color:var(--green-deep);border-bottom-color:var(--green-deep);font-weight:600}.tab-btn.locked{color:var(--muted);cursor:default;opacity:.5}.banner{border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:13px;display:flex}.banner-warn{color:#7a5a00;background:#fff8e7;border:1px solid #f0c040}.banner-error{color:#8b1a14;background:#fef0ef;border:1px solid #e8a09a}.banner-success{color:#145a30;background:#ebf9f2;border:1px solid #a4dfc0}.banner-info{color:#1a3a6b;background:#eef4fd;border:1px solid #a0bee8}.dropzone{border:2px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;color:var(--muted);padding:48px 24px;transition:all .2s}.dropzone:hover,.dropzone.drag-over{border-color:var(--green);background:var(--mint);color:var(--green-deep)}.dropzone-icon{margin-bottom:12px;font-size:32px}.dropzone-label{margin-bottom:6px;font-size:15px;font-weight:600}.dropzone-hint{font-size:12px}.progress-bar{background:var(--line);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress-fill{background:var(--green);border-radius:3px;height:100%;transition:width .3s}.drawer-overlay{z-index:100;background:#070e1466;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--card);flex-direction:column;width:380px;max-width:95vw;height:100%;display:flex;box-shadow:-4px 0 24px #070e141f}.drawer-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px;display:flex}.drawer-title{font-family:var(--font-display);flex:1;font-size:15px;font-weight:600}.drawer-body{flex:1;padding:20px;overflow-y:auto}.why-field{margin-bottom:16px}.why-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:700}.why-value{color:var(--text);font-size:13px;line-height:1.5}.why-formula{background:var(--mint);border-radius:6px;padding:8px 10px;font-family:monospace;font-size:12px}.disclaimer-box{background:#fff8e7;border:1px solid #f0c040;border-radius:8px;margin-bottom:16px;padding:16px}.disclaimer-text{color:#5a4200;max-height:140px;margin-bottom:12px;font-size:12px;line-height:1.6;overflow-y:auto}.disclaimer-ack{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.category-group{margin-bottom:4px}.category-header{background:var(--mint);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.category-header:hover{background:#e3f6ec}.category-chevron{font-size:10px;transition:transform .15s}.category-chevron.open{transform:rotate(90deg)}.category-count{color:var(--muted);margin-left:auto;font-size:11px}.section-title{font-family:var(--font-display);color:var(--text);margin-bottom:16px;font-size:18px;font-weight:700}.muted{color:var(--muted)}.text-sm{font-size:12px}.gap-8{align-items:center;gap:8px;display:flex}.gap-12{align-items:center;gap:12px;display:flex}.mb-16{margin-bottom:16px}.mb-8{margin-bottom:8px}.row{align-items:center;gap:12px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px;display:grid}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700}.kpi-value{font-family:var(--font-display);color:var(--text);font-size:26px;font-weight:700}.empty-state{text-align:center;color:var(--muted);padding:60px 24px}.empty-state-icon{margin-bottom:16px;font-size:40px}.empty-state-title{color:var(--text);margin-bottom:8px;font-size:16px;font-weight:600}.empty-state-desc{margin-bottom:20px;font-size:13px}.spinner{border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.field-row{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr 80px 1fr auto;align-items:center;gap:8px;padding:8px 12px;display:grid}.field-row:last-child{border-bottom:none}.field-row:hover{background:var(--mint)}.field-name{font-size:13px;font-weight:500}.field-value input{background:var(--card);border:1px solid var(--line);width:100%;color:var(--text);border-radius:6px;padding:4px 8px;font-size:13px}.field-source{color:var(--muted);font-size:11px}.hierarchy-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:1px 7px;font-size:10px;font-weight:700;display:inline-block}.hier-engineering{color:#5b3fc4;background:#ede9fb}.hier-plans{color:#2374c5;background:#e7f1fb}.hier-code{color:#9b6800;background:#fff1d6}.hier-user_pref{color:#17a656;background:#e3f6ec}.hier-default{color:#666;background:#f0f0f0}.app-footer{border-top:1px solid var(--line);color:var(--muted);background:var(--paper);flex-shrink:0;padding:8px 24px;font-size:11px}.project-row{border-bottom:1px solid var(--line);cursor:pointer;color:inherit;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;transition:background .1s;display:flex}.project-row:hover{background:var(--mint)}.project-name{font-size:14px;font-weight:600}.project-meta{color:var(--muted);font-size:12px}.status-pill{border-radius:12px;padding:2px 9px;font-size:11px;font-weight:600}.status-draft{color:#555;background:#f0f0f0}.status-reviewing{color:#9b6800;background:#fff1d6}.status-generated{color:#17a656;background:#e3f6ec}.status-needs_review{color:#9b6800;background:#fff1d6}.modal-overlay{z-index:1000;background:#070e1480;justify-content:center;align-items:flex-start;padding:24px 0;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--card);border-radius:var(--radius-lg);width:420px;max-width:95vw;margin:auto;padding:32px;box-shadow:0 20px 60px #070e1433}.modal-title{font-family:var(--font-display);margin-bottom:20px;font-size:18px;font-weight:700}.oi-flash{border-radius:8px;animation:1.8s ease-out oi-flash}@keyframes oi-flash{0%,55%{box-shadow:0 0 0 3px var(--orange), 0 0 0 8px #d9822b40}to{box-shadow:0 0 0 3px #d9822b00,0 0 0 8px #d9822b00}}.legal-page{background:var(--ink);min-height:100vh;color:var(--text-inv);flex-direction:column;display:flex}.legal-page-header{border-bottom:1px solid var(--line-dark);padding:20px 24px}.legal-page-brand img{height:34px;display:block}.legal-page-body{flex:1;width:100%;max-width:780px;margin:0 auto;padding:40px 20px 60px}.legal-page-body h1{font-family:var(--font-display);color:var(--text-inv);margin:0 0 6px;font-size:30px}.legal-page-version{color:var(--muted-inv);margin:0 0 26px;font-size:13px}.legal-page-muted,.legal-page-error{color:var(--muted-inv);font-size:14px}.legal-page-error{color:var(--red)}.legal-page-content h2{font-family:var(--font-display);color:var(--text-inv);margin:34px 0 10px;font-size:19px}.legal-page-content p,.legal-page-content li{color:var(--muted-inv);font-size:14.5px;line-height:1.65}.legal-page-content li{margin-bottom:6px}.legal-page-content ul{margin:8px 0 14px;padding-left:20px}.legal-page-content strong{color:var(--text-inv)}.legal-page-content a{color:var(--green)}.legal-page-content .callout{border-left:3px solid var(--green);background:#ffffff08;margin:16px 0 20px;padding:12px 16px}.legal-page-content .callout p:last-child{margin-bottom:0}.legal-page-content .tblwrap{overflow-x:auto}.legal-page-content table{border-collapse:collapse;width:100%;margin:12px 0 18px;font-size:13.5px}.legal-page-content th,.legal-page-content td{text-align:left;border-bottom:1px solid var(--line-dark);vertical-align:top;color:var(--muted-inv);padding:9px 10px}.legal-page-content th{color:var(--text-inv);font-weight:700}.legal-page-footer{border-top:1px solid var(--line-dark);color:var(--muted-inv);flex-wrap:wrap;justify-content:space-between;gap:8px 18px;padding:18px 24px;font-size:12.5px;display:flex}.legal-page-footer nav{flex-wrap:wrap;gap:18px;display:flex}.legal-page-footer a{color:var(--muted-inv)}.legal-page-footer a:hover{color:var(--green)}.legal-check{cursor:pointer;align-items:flex-start;gap:10px;margin:14px 0;font-size:13.5px;line-height:1.5;display:flex}.legal-check input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--green);cursor:pointer;margin:1px 0 0}.legal-check input[type=checkbox]:focus-visible{outline:2px solid var(--green);outline-offset:2px}.legal-check a{color:var(--green);text-decoration:underline}.legal-check-auth{color:var(--muted-inv);margin:4px 0 12px}.legal-check,.legal-check span{font-weight:400;text-transform:none!important;letter-spacing:normal!important}.sidebar-legal{color:var(--muted-inv);margin-top:8px;font-size:11px}.sidebar-legal a{color:var(--muted-inv);text-decoration:underline}.sidebar-legal a:hover{color:var(--green)}.checkout-legal-notice{text-align:center;max-width:720px;color:var(--muted-inv);margin:26px auto 0;font-size:12.5px;line-height:1.6}.checkout-legal-notice a{color:var(--green);text-decoration:underline}.legal-modal-backdrop{z-index:4000;background:#070e14d1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.legal-modal{background:var(--ink-2);border:1px solid var(--line-dark);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;color:var(--text-inv);box-shadow:var(--shadow);padding:26px;overflow-y:auto}.legal-modal h2{font-family:var(--font-display);margin:0 0 12px;font-size:20px}.legal-modal p{color:var(--muted-inv);margin:0 0 12px;font-size:14px;line-height:1.6}.legal-modal a{color:var(--green)}.legal-doc-list{color:var(--muted-inv);margin:0 0 12px;padding-left:20px;font-size:13.5px}.legal-modal-error{color:var(--red);font-size:13px}.legal-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:18px;display:flex}@media (width<=560px){.legal-page-body{padding:28px 16px 48px}.legal-page-body h1{font-size:24px}.legal-modal{padding:20px}.legal-modal-actions{justify-content:stretch}.legal-modal-actions .btn{flex:1}}.sd-section-head{margin-bottom:18px}.sd-title{font-family:var(--font-display);color:var(--text);align-items:center;gap:10px;margin:0;font-size:20px;font-weight:700;display:flex}.sd-sub{color:var(--muted);max-width:640px;margin-top:6px;font-size:13px;line-height:1.55}.sd-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sd-chip{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.sd-chip-free{color:#17a656;background:#e3f6ec}.sd-chip-locked{color:#9a6212;background:#fdf3e3;border:1px solid #efd3a0}.sd-chip-soon{color:#1a3a6b;background:#eef4fd;border:1px solid #a0bee8}.sd-chip-pro{color:#5b3fc4;background:#f3eefc;border:1px solid #d6c8f5}.sd-scroll{padding:4px 16px 14px;overflow-x:auto}.sd-grid{min-width:780px}.sd-row{grid-template-columns:minmax(140px,1.4fr) 78px 78px 54px minmax(150px,1.1fr) 86px 92px 32px;align-items:center;gap:8px;display:grid}.sd-row+.sd-row{margin-top:6px}.sd-grid-head{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);margin-bottom:6px;padding-bottom:8px;font-size:10px;font-weight:700}.sd-grid-head span{display:block}.sd-num{text-align:center}.sd-input,.sd-select{border:1px solid var(--line);width:100%;font-size:13px;font-family:var(--font-body);color:var(--text);background:var(--card);border-radius:8px;padding:6px 9px;transition:border-color .12s,box-shadow .12s}.sd-input:focus,.sd-select:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #29c76f24}.sd-select{padding:6px;font-size:12px}.sd-check{justify-content:center;display:flex}.sd-check input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}.sd-remove{width:32px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:17px;line-height:1}.sd-remove:hover{color:#c0392b;background:#f6e0e0}.sd-add{color:var(--green-deep);border:1px dashed var(--green);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:6px 14px;font-size:12px;font-weight:600}.sd-add:hover{background:#e3f6ec}.sd-settings{border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:#fafbfb;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:14px 18px;padding:16px;display:grid}.sd-field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:5px;font-size:10px;font-weight:700;display:block}.sd-field-hint{color:var(--muted);margin-top:4px;font-size:10.5px;line-height:1.35}.sd-ai{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:var(--radius);background:linear-gradient(180deg, #fbfefc 0%, var(--card) 60%);box-shadow:var(--shadow);margin-bottom:20px}.sd-ai-soon{background:linear-gradient(180deg, #fafcff 0%, var(--card) 60%);border-left-color:#a0bee8}.sd-ai-body{padding:18px 20px}.sd-ai-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sd-ai-title{font-family:var(--font-display);color:var(--text);align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.sd-ai-desc{color:var(--muted);max-width:620px;margin-top:8px;font-size:13px;line-height:1.6}.sd-ai-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 20px;margin:14px 0 0;padding:0;list-style:none;display:grid}.sd-ai-list li{color:var(--text);padding-left:20px;font-size:12.5px;line-height:1.5;position:relative}.sd-ai-list li:before{content:"▸";color:var(--green);font-size:11px;position:absolute;left:4px}.sd-ai-why{color:#1a3a6b;background:#eef4fd;border:1px solid #a0bee8;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px;line-height:1.5}.sd-finding{border-bottom:1px solid var(--line);align-items:flex-start;gap:11px;padding:11px 14px;display:flex}.sd-finding:last-child{border-bottom:none}.sd-finding-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sd-sev-red_flag{background:#c0392b}.sd-sev-warning{background:#e8a04c}.sd-sev-note{background:#4c9ae8}.sd-finding-title{color:var(--text);font-size:13px;font-weight:600}.sd-finding-detail{color:var(--muted);margin-top:3px;font-size:12px;line-height:1.55}.sd-row-off td{opacity:.55}.sd-basis{color:var(--muted);font-family:monospace;font-size:11px}@media (width<=640px){.sd-actions{width:100%}.sd-ai-body{padding:16px}}.mobile-nav-toggle,.sidebar-backdrop{display:none}@media (width<=768px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}body{-webkit-text-size-adjust:100%}.app-shell{width:100%;min-width:0;display:block}.mobile-nav-toggle{top:max(10px, env(safe-area-inset-top));z-index:310;border:1px solid var(--line-dark);background:var(--sidebar);min-height:44px;color:var(--text-inv);box-shadow:var(--shadow);font:600 13px/1 var(--font-body);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:0 13px;display:inline-flex;position:fixed;left:12px}.mobile-nav-toggle span:first-child{color:var(--green);font-size:20px}.sidebar-backdrop{z-index:298;background:#070e1494;border:0;width:100%;height:100%;display:block;position:fixed;inset:0}.sidebar{z-index:300;width:min(84vw,300px);height:100dvh;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));visibility:hidden;transition:transform .22s,visibility 0s linear .22s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-105%);box-shadow:12px 0 36px #070e1447}.sidebar.sidebar-open{visibility:visible;transition-delay:0s;transform:translate(0)}.sidebar-nav a,.sidebar .btn{transition-property:color,background,background-color,border-color,box-shadow,opacity,transform}.sidebar-logo-img{max-width:160px}.sidebar-nav a{align-items:center;min-height:44px;padding:11px 20px;display:flex}.main-content{width:100%;min-width:0;min-height:100dvh;padding-top:calc(max(10px, env(safe-area-inset-top)) + 48px);overflow:visible}.main-content>.row:first-child{min-height:44px;padding:4px 14px 0!important}.page{width:100%;min-width:0;padding:16px;overflow:visible}.row{flex-wrap:wrap}.card,.card-body,.card-header{min-width:0}.card-header{flex-wrap:wrap;padding:14px 16px}.card-body{padding:16px;overflow-x:auto}.data-table,.table-scroll>table{min-width:620px}.field-row{grid-template-columns:1fr;align-items:stretch;gap:6px;padding:12px}.field-source{margin-bottom:2px}.auth-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));align-items:flex-start}.auth-card{max-width:100%;padding:28px 20px}.topbar{height:auto;min-height:64px;padding:10px 12px;padding-left:max(12px, env(safe-area-inset-left));flex-wrap:wrap;gap:8px}.topbar-title{overflow-wrap:anywhere;flex:calc(100% - 120px);min-width:120px;font-size:15px}.topbar-status{white-space:normal;overflow-wrap:anywhere;flex:1 0 100%;padding-left:40px}.tabs{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;padding:0 8px;overflow-x:auto}.tab-btn{min-height:44px;padding:11px 13px}.app-footer{padding:10px 14px max(10px, env(safe-area-inset-bottom));line-height:1.45}.modal-overlay{padding:12px 0}.modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding:22px 18px}.drawer{width:100%;max-width:100%}.dropzone{padding:32px 16px}}@media (width<=380px){.mobile-nav-toggle span:last-child{display:none}.topbar-status{padding-left:0}.page{padding:12px}.card-body{padding:14px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}