:root{--color-bg:#0f1114;--color-surface-1:#161a20;--color-surface-2:#1d232c;--color-surface-3:#252c37;--color-border:#313a48;--color-text:#edf2fa;--color-text-soft:#b8c2cf;--color-accent:#7aa2ff;--color-accent-strong:#92b3ff;--color-danger:#d44c59;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-body:"Segoe UI", "Noto Sans", sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:26px}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at top left, #1a2330, var(--color-bg) 45%);margin:0}#root{min-height:100vh}button,input,select{font:inherit}.app-shell{grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);background:linear-gradient(#111923 0%,#0e151d 100%);position:relative}.sidebar-brand{margin-bottom:var(--space-6);font-size:var(--text-lg);font-weight:700}.sidebar-nav{gap:var(--space-2);display:grid}.sidebar-footer{bottom:var(--space-6);width:248px;position:absolute}.nav-item{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text-soft);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;transition:border-color .16s,background-color .16s;display:flex}.nav-item:hover{border-color:var(--color-border);color:var(--color-text)}.nav-item.active{color:var(--color-text);background:var(--color-surface-2);border-color:#44506a}.back-to-app{margin-bottom:var(--space-5)}.content-shell{grid-template-rows:68px 1fr;display:grid}.window-bar{padding:0 var(--space-6);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d1116bd;justify-content:space-between;align-items:center;display:flex}.window-bar-left{align-items:center;gap:var(--space-4);display:flex}.window-bar h1{font-size:var(--text-md);margin:0;font-weight:600}.window-bar-right{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-soft);display:flex}.btn-back{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text);cursor:pointer;display:inline-flex}.btn-back:disabled{opacity:.5;cursor:not-allowed}.btn-link{gap:var(--space-2);color:var(--color-accent-strong);cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.btn-secondary{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text);cursor:pointer;padding:6px 10px}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.session-panel{align-items:center;gap:var(--space-3);display:flex}.session-user{gap:1px;line-height:1.2;display:grid}.session-user strong{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.session-user span{text-transform:capitalize;font-size:var(--text-xs);color:var(--color-text-soft)}.page-content{padding:var(--space-6)}.page-section{gap:var(--space-5);max-width:1080px;margin:0 auto;display:grid}.section-header h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.section-header p{color:var(--color-text-soft);margin:0}.placeholder-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);padding:var(--space-5);color:var(--color-text-soft)}.toolbar{gap:var(--space-4);flex-wrap:wrap;display:flex}.toolbar label{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-soft);display:grid}.toolbar input,.toolbar select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-1);width:240px;color:var(--color-text);padding:10px 12px}.create-case-form{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-1);padding:var(--space-4);gap:var(--space-4);display:grid}.create-case-form h3{font-size:var(--text-md);margin:0}.create-case-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.create-case-grid label{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-sm);display:grid}.create-case-grid input,.create-case-grid select,.create-case-grid textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);padding:10px 12px}.create-case-title,.create-case-summary{grid-column:1/-1}.create-case-actions{justify-content:flex-end;display:flex}.cases-table{border-collapse:collapse;border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;overflow:hidden}.cases-table th,.cases-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border)}.cases-table th{font-size:var(--text-sm);color:var(--color-text-soft);background:var(--color-surface-1)}.casos-pagination{justify-content:flex-end;align-items:center;gap:var(--space-3);color:var(--color-text-soft);font-size:var(--text-sm);display:flex}.detail-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.detail-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-surface-1)}.detail-card h3{margin-top:0}.settings-list{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-row{justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-1);display:flex}.settings-row:last-child{border-bottom:none}.auth-shell{min-height:100vh;padding:var(--space-6);place-items:center;display:grid}.auth-card{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(460px,100%);padding:var(--space-6);gap:var(--space-5);background:#161a20f0;display:grid}.auth-card h1{margin:0;font-size:28px}.auth-card p{color:var(--color-text-soft);margin:0}.auth-form{gap:var(--space-4);display:grid}.auth-mode-switch{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.auth-mode{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-soft);cursor:pointer;background:0 0;padding:9px 10px}.auth-mode.active{background:var(--color-surface-2);color:var(--color-text)}.auth-form label{gap:var(--space-2);color:var(--color-text-soft);font-size:var(--text-sm);display:grid}.auth-form input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-1);color:var(--color-text);padding:10px 12px}.auth-submit{border-radius:var(--radius-sm);background:var(--color-accent);color:#0f1724;cursor:pointer;border:1px solid #3b64c1;padding:10px 12px;font-weight:600}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-error{border-radius:var(--radius-sm);color:#ffb8c4;background:#9c2f4326;border:1px solid #9c2f43;padding:10px 12px}.auth-help{gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-soft);display:grid}@media (width<=1024px){.app-shell{grid-template-columns:88px 1fr}.sidebar-brand{font-size:var(--text-md)}.nav-item{font-size:var(--text-xs);padding:var(--space-3) var(--space-2);justify-content:center}.sidebar-footer{width:56px}.detail-grid,.create-case-grid{grid-template-columns:1fr}.casos-pagination{justify-content:space-between}}