:root{--navy:#102e50;--blue:#2463eb;--wine:#742040;--bg:#f3f6fa;--card:#fff;--line:#dce3ed;--ink:#192334;--muted:#667085;--green:#087a55;--red:#a51d17}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
a{color:#194f9e;text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:var(--navy);padding:18px 12px;color:#fff;overflow:auto}
.brand{font-size:24px;font-weight:800;padding:8px 10px 20px}.sidebar a{display:block;color:#dbe7f5;padding:10px 11px;border-radius:8px;margin:2px 0;font-size:13px}.sidebar a:hover{background:#ffffff14;color:#fff}.nav-title{font-size:9px;letter-spacing:1.4px;color:#94abc5;padding:18px 11px 5px}.logout button{width:100%;margin-top:20px;background:#ffffff12;border:1px solid #ffffff20;color:#fff;padding:9px;border-radius:8px}
.main{margin-left:230px;padding:24px;max-width:1500px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.topbar h1{margin:0;font-size:23px}.topbar p{margin:4px 0;color:var(--muted);font-size:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:13px;padding:17px;margin-bottom:16px;box-shadow:0 2px 8px #18304f0b}.card h2{margin:0 0 12px;font-size:16px;color:var(--navy)}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px}.kpi b{font-size:25px;color:var(--navy);display:block}.kpi span{font-size:11px;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mini,.feature{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff}.mini span,.feature span{color:var(--muted);font-size:11px;margin-top:5px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-card{max-width:900px}.form-card .grid2{margin-bottom:12px}
label{display:block;color:#526071;font-size:11px;margin:9px 0 5px}input,select,textarea{width:100%;border:1px solid #cfd8e5;border-radius:8px;padding:9px 10px;background:#fff;font:inherit;font-size:12px}textarea{min-height:100px}
button,.button{display:inline-block;border:0;border-radius:8px;padding:10px 13px;font-weight:700;font-size:12px;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#e8eef7;color:var(--navy)}.full{width:100%;margin-top:13px}.small-btn{padding:6px 9px;background:#e8eef7;color:var(--navy)}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{padding:9px 8px;border-bottom:1px solid #e4e9f0;text-align:left;vertical-align:top}th{background:#f8fafc;color:#475467}.pill{background:#eef3fa;color:#35516f;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.security{background:#e8f7f0;color:#087a55}
.muted{color:var(--muted)}.tiny{font-size:10px;color:var(--muted);line-height:1.45}.hash{max-width:180px;overflow:hidden;text-overflow:ellipsis}.alert{padding:10px 12px;border-radius:8px;margin:10px 0;font-size:12px}.error{background:#feeceb;color:var(--red)}.ok{background:#e8f7f0;color:var(--green)}
.auth-body{min-height:100vh;background:linear-gradient(135deg,#0d2948,#1d4a76);display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#fff;padding:28px;border-radius:16px;box-shadow:0 20px 60px #0004}.auth-card h1{font-size:21px;margin:10px 0}.auth-brand{font-size:27px;color:var(--wine);font-weight:900}.otp{text-align:center;font-size:27px;letter-spacing:9px;font-weight:800}
.stepper{display:flex;gap:4px;overflow:auto;margin-bottom:15px}.stepper span{background:#e9eef5;border-radius:8px;padding:8px 11px;white-space:nowrap;font-size:10px;font-weight:700}.stepper .active{background:var(--blue);color:#fff}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.uploadForm{border:1px solid var(--line);padding:9px;border-radius:9px}.uploadForm input{padding:5px;margin:5px 0}.uploadMsg{font-size:9px;color:var(--muted);display:block}
.detected{white-space:pre-wrap;background:#f7f9fc;border-radius:8px;padding:10px;font-size:10px;max-height:300px;overflow:auto}.sig-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.sig-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;margin-top:12px}.sig-grid canvas{width:100%;border:1px solid var(--line)}.sigbox{height:120px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:8px}.sigbox img{display:block;width:100%;height:88px;object-fit:contain}
code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;white-space:pre-wrap}
@media(max-width:900px){.sidebar{position:static;width:auto}.main{margin:0;padding:16px}.grid2,.cards,.kpis{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr}.sig-grid{grid-template-columns:1fr}.sig-tools{grid-template-columns:1fr 1fr}}