:root{--bg-deep:#0c1520;--bg:#122033;--surface:#ffffff0a;--text:#c5d0dc;--text-h:#f4f7fb;--muted:#7a8b9e;--accent:#3ecf8e;--accent-soft:#3ecf8e24;--line:#ffffff14;--sans:"DM Sans", system-ui, sans-serif;--display:"Instrument Serif", Georgia, serif;font:17px/1.5 var(--sans);color:var(--text);background:var(--bg-deep);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{min-width:320px;margin:0}button{font:inherit}a{color:var(--accent)}strong{color:var(--text-h);font-weight:600}.loading-screen{text-align:center;min-height:100vh;color:var(--muted);background:var(--bg-deep);place-content:center;gap:1rem;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:2rem;height:2rem;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{background:radial-gradient(ellipse 60% 40% at 100% 0%, #3ecf8e14, transparent 50%), var(--bg-deep);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#0c1520e6;flex-direction:column;gap:1.5rem;padding:1.5rem 1.15rem;display:flex}.sidebar-brand{align-items:center;gap:.75rem;display:flex}.sidebar-brand .brand-mark{color:#062016;background:linear-gradient(145deg,#3ecf8e,#2a9d6a);border-radius:.55rem;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;font-weight:700;display:grid}.sidebar-brand strong{color:var(--text-h);font-size:.95rem;display:block}.company-name{color:var(--muted);font-size:.8rem;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:.35rem;display:flex}.sidebar-nav a{color:var(--text);border-radius:.5rem;padding:.65rem .85rem;font-weight:500;text-decoration:none}.sidebar-nav a:hover{background:var(--surface);color:var(--text-h)}.sidebar-nav a.active{background:var(--accent-soft);color:var(--accent)}.sidebar-user{border-top:1px solid var(--line);flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.sidebar-user strong{color:var(--text-h);font-size:.95rem;display:block}.role-badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin-top:.25rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.list-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.list-tab{border:1px solid var(--line);background:var(--surface);min-height:2.4rem;color:var(--text);font:inherit;cursor:pointer;border-radius:.55rem;align-items:center;gap:.5rem;padding:.45rem .95rem;font-weight:600;display:inline-flex}.list-tab:hover{color:var(--text-h);border-color:#fff3}.list-tab.active{background:var(--accent-soft);color:var(--accent);border-color:#3ecf8e73}.tab-count{background:#00000040;border-radius:999px;place-items:center;min-width:1.5rem;height:1.35rem;padding:0 .4rem;font-size:.75rem;font-weight:700;display:inline-grid}.list-tab.active .tab-count{background:#3ecf8e33}.main-content{padding:1.75rem 2rem 3rem;overflow-x:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h1{font-family:var(--display);color:var(--text-h);margin:0;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:400}.page-header p{color:var(--muted);margin:.35rem 0 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.info-card{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;padding:1.25rem}.info-card h3{color:var(--text-h);margin:0 0 .35rem;font-size:1rem}.info-card p{color:var(--muted);margin:0;font-size:.9rem}.info-card .stat{color:var(--accent);margin-top:.75rem;font-size:1.75rem;font-weight:600}.panel{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.15rem;display:flex}.panel-header h2{color:var(--text-h);margin:0;font-size:1.05rem}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:.92rem}table.data-table th,table.data-table td{text-align:left;border-bottom:1px solid var(--line);padding:.85rem 1.15rem}table.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}table.data-table td{color:var(--text)}table.data-table tr:last-child td{border-bottom:none}table.data-table a{color:var(--accent);font-weight:600;text-decoration:none}.row-actions{flex-wrap:wrap;gap:.4rem;display:flex}.search-input{border:1px solid var(--line);min-width:200px;min-height:2.4rem;color:var(--text-h);font:inherit;background:#00000040;border-radius:.5rem;padding:.45rem .75rem}.modal-backdrop{z-index:50;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#122033;border-radius:1rem;width:min(100%,520px);max-height:90vh;padding:1.5rem;overflow:auto}.modal-wide{width:min(100%,760px)}.form-section{border:none;border-top:1px solid var(--line);margin:0 0 1rem;padding:1rem 0 0}.form-section:first-of-type{border-top:none;padding-top:0}.form-section legend{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem;padding:0;font-size:.8rem;font-weight:700}.app-form textarea{border:1px solid var(--line);width:100%;color:var(--text-h);font:inherit;resize:vertical;background:#00000040;border-radius:.5rem;padding:.55rem .75rem}.modal h2{color:var(--text-h);font-family:var(--display);margin:0 0 1rem;font-size:1.75rem;font-weight:400}.app-form{flex-direction:column;gap:.85rem;display:flex}.app-form label{color:var(--text-h);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:.85rem;display:grid}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.empty-state{text-align:center;color:var(--muted);padding:2rem 1.15rem}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid var(--line);padding:.9rem 1.15rem}.activity-list li:last-child{border-bottom:none}.activity-list .meta{color:var(--muted);margin-top:.25rem;font-size:.8rem;display:block}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;padding:1.15rem;display:grid}.detail-item dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem}.detail-item dd{color:var(--text-h);margin:.25rem 0 0;font-weight:500}.status-pill{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.status-pill.active{background:var(--accent-soft);color:var(--accent)}.status-pill.inactive{color:#94a3b8;background:#94a3b826}@media (width<=860px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.sidebar-nav{flex-flow:wrap}.main-content{padding:1.25rem 1rem 2.5rem}.form-row{grid-template-columns:1fr}}.auth-page{background:radial-gradient(80% 55% at 15% -10%,#3ecf8e2e,#0000 55%),radial-gradient(70% 50% at 90% 10%,#388cdc29,#0000 50%),linear-gradient(165deg,#0c1520 0%,#122033 45%,#0e1a28 100%);place-items:center;min-height:100vh;padding:2rem 1.25rem;display:grid}.auth-panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#122033d9;border-radius:1rem;width:min(100%,420px);padding:2rem}.auth-panel .brand{color:var(--text-h);align-items:center;gap:.65rem;margin-bottom:1.5rem;text-decoration:none;display:inline-flex}.auth-panel .brand-mark{color:#062016;letter-spacing:-.04em;background:linear-gradient(145deg,#3ecf8e,#2a9d6a);border-radius:.55rem;place-items:center;width:2.25rem;height:2.25rem;font-size:.95rem;font-weight:700;display:grid}.auth-panel .brand-name{font-size:1.1rem;font-weight:600}.auth-panel h1{font-family:var(--display);color:var(--text-h);letter-spacing:-.02em;margin:0;font-size:2.2rem;font-weight:400}.auth-lede{color:var(--muted);margin:.5rem 0 1.5rem;font-size:.95rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form label{color:var(--text-h);flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;display:flex}.auth-form input,.app-form input,.app-form select,.app-form textarea{border:1px solid var(--line);width:100%;min-height:2.6rem;color:var(--text-h);font:inherit;background:#00000040;border-radius:.5rem;padding:.55rem .75rem}.auth-form input:focus,.app-form input:focus,.app-form select:focus,.app-form textarea:focus{outline-offset:1px;outline:2px solid #3ecf8e73}.auth-error{color:#fca5a5;background:#ef44441f;border:1px solid #ef444459;border-radius:.5rem;margin:0;padding:.65rem .75rem;font-size:.9rem}.auth-success{background:var(--accent-soft);color:var(--text);border:1px solid #3ecf8e59;border-radius:.75rem;flex-direction:column;gap:1rem;padding:1rem;font-size:.95rem;display:flex}.auth-success strong{color:var(--text-h)}.choice-stack{flex-direction:column;gap:.75rem;display:flex}.back-link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;align-self:flex-start;margin:0 0 .75rem;padding:0;font-size:.9rem}.back-link:hover{color:var(--accent)}.text-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.text-link:hover{text-decoration:underline}.auth-footer{color:var(--muted);margin:1.5rem 0 0;font-size:.9rem;line-height:1.7}.auth-footer a{color:var(--accent);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.btn{cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;min-height:2.75rem;padding:0 1.25rem;font-weight:600;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,opacity .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-primary{color:#062016;background:var(--accent)}.btn-primary:hover:not(:disabled){background:#55d9a0}.btn-ghost{color:var(--text-h);background:var(--surface);border-color:var(--line)}.btn-danger{color:#fecaca;background:#ef444426;border-color:#ef444459}
