:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}a{color:#075e8a;text-decoration:none;font-weight:650}button,input,select,textarea{font:inherit}button{border:1px solid #c9d4df;background:#fff;color:#172033;border-radius:6px;padding:10px 14px;cursor:pointer;min-height:40px}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.62;cursor:not-allowed}button.primary{background:#0f766e;border-color:#0f766e;color:#fff}button.ghost{display:flex;align-items:center;gap:8px;background:transparent}.button-link{border:1px solid #0f766e;background:#0f766e;color:#fff;border-radius:6px;padding:10px 14px;min-height:40px}input,select{border:1px solid #c9d4df;border-radius:6px;padding:10px 12px;min-height:40px;background:#fff;color:#172033}textarea{border:1px solid #c9d4df;border-radius:6px;padding:10px 12px;background:#fff;color:#172033;resize:vertical}.login-screen{min-height:100vh;display:grid;align-items:center;justify-items:center;padding:clamp(24px,7vw,140px);background:radial-gradient(circle at 78% 50%,rgba(20,184,166,.2),transparent 34rem),linear-gradient(90deg,#03090f1a,#03090f47 46%,#03090fad),url(/assets/login-cyber-tycoon-6tn_TLs1.jpg) left center / cover no-repeat}.login-panel{width:min(420px,100%);display:grid;gap:16px;background:#050c124d;border:1px solid rgba(210,218,226,.92);border-radius:8px;padding:28px;box-shadow:0 24px 70px #0000006b,inset 0 0 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-panel .brand-row,.login-panel label{color:#d7dde4;text-shadow:0 1px 8px rgba(0,0,0,.55)}.login-panel label{display:grid;gap:8px;font-weight:650}.login-panel input{background:#fffffff5;border-color:#dae2eaf5;color:#101828;box-shadow:0 0 0 1px #0c16201f,0 8px 24px #00000024}.login-panel input:focus{border-color:#d7dde4;outline:3px solid rgba(215,221,228,.28)}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh;background:#eef3f7}.sidebar{background:#0d1d2a;color:#eaf2f7;padding:22px;display:flex;flex-direction:column;gap:22px;border-right:1px solid rgba(255,255,255,.08)}.sidebar a{color:#eaf2f7;display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:6px}.sidebar a:hover{background:#ffffff14}.sidebar .ghost{color:#eaf2f7;border-color:#ffffff38;margin-top:auto}.brand-row{display:flex;align-items:center;gap:10px;letter-spacing:0}.workspace{min-width:0}.page{max-width:1320px;margin:0 auto;padding:28px;display:grid;gap:18px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:28px;line-height:1.15;margin:0;letter-spacing:0}h2{font-size:18px;margin:0 0 12px;letter-spacing:0}.phase,.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 10px;background:#e8f3f1;color:#0f766e;font-weight:700;font-size:13px}.pill.bad{background:#fdecec;color:#b42318}.pill.good{background:#e8f3f1;color:#0f766e}.pill.warn{background:#fff4d6;color:#8a5a00}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{background:linear-gradient(180deg,#fff,#f9fbfd);border:1px solid #d6e0ea;border-radius:8px;padding:18px;display:grid;gap:10px}.stat span{color:#5b6b7b}.stat strong{font-size:30px;letter-spacing:0}.notice{border:1px solid #d9c88f;background:#fff8dc;color:#604900;border-radius:6px;padding:12px 14px}.error{color:#b42318;margin:0}.success{color:#0f766e;margin:0;font-weight:700}.toolbar,.inline-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toolbar input,.inline-form input{min-width:min(260px,100%)}.section-actions{margin-top:14px}.checkbox-row{display:inline-flex;align-items:center;gap:8px;font-weight:650}.checkbox-row input{min-height:auto}.row-actions{display:flex;flex-wrap:wrap;gap:8px}.user-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.user-module-card{display:grid;gap:12px;background:#fff;border:1px solid #d6e0ea;border-radius:8px;padding:14px}.user-module-header{display:flex;justify-content:space-between;gap:12px;align-items:start}.user-module-header div{display:grid;gap:4px;min-width:0}.user-module-header span:not(.pill){color:#526273;overflow-wrap:anywhere}.module-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px}.module-options .checkbox-row{border:1px solid #e0e8f0;border-radius:6px;padding:8px 10px;background:#f8fafc}.module-card-actions{display:flex;justify-content:flex-end}.bulk-import{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.copy-field{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;margin-bottom:14px}.copy-field input{width:100%;min-width:0}.break-anywhere{overflow-wrap:anywhere}.table-wrap{overflow:auto;border:1px solid #d6e0ea;border-radius:8px;background:#fff}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #e7eef4;vertical-align:top}th{background:#f8fafc;color:#526273;font-size:13px;text-transform:uppercase}tr:last-child td{border-bottom:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid section{border:1px solid #d6e0ea;border-radius:8px;background:#fff;padding:16px}.compact-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.compact-list li{border:1px solid #e0e8f0;border-radius:6px;background:#f8fafc;padding:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}dl{display:grid;grid-template-columns:120px 1fr;gap:8px;margin:0}dt{color:#657383;font-weight:700}dd{margin:0}.log-view{overflow:auto;max-height:420px;background:#111827;color:#f8fafc;border-radius:8px;padding:16px}.security-panel{border:1px solid #d6e0ea;border-radius:8px;background:#fff;padding:16px}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:820px}.security-grid label{display:grid;gap:8px;font-weight:650}.pipeline-grid{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));gap:14px;align-items:start}.pipeline-column{background:#fff;border:1px solid #d6e0ea;border-radius:8px;padding:12px;min-height:220px}.pipeline-column header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pipeline-column header span{color:#5b6b7b;font-weight:750}.pipeline-card{display:grid;gap:8px;border:1px solid #e0e8f0;border-radius:8px;padding:10px;margin-bottom:10px;background:#f8fafc}.pipeline-card span{color:#526273;font-size:13px}.qr-panel{width:220px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #d6e0ea;border-radius:8px;background:#fff;padding:12px}.qr-panel img{width:100%;height:auto;display:block}.qr-panel span{color:#657383;font-weight:700;text-align:center}.qr-instructions{align-self:center;display:grid;gap:8px;color:#526273}.qr-instructions strong{color:#172033;font-size:18px}.qr-instructions a{width:fit-content}.wide-field{grid-column:1 / -1}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}.stat-grid,.detail-grid{grid-template-columns:1fr}.page{padding:18px}.security-grid,.pipeline-grid,.bulk-import,.copy-field{grid-template-columns:1fr}.login-screen{justify-items:center;padding:24px;background-position:30% center}}
