:root{--blue:#0878ff;--navy:#020b18;--ink:#0c1830;--muted:#718096;--line:#e4eaf2}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f7fc;color:var(--ink)}button,input,select{font:inherit}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#0b3970,#020812 65%)}.login-card{width:min(420px,92vw);padding:38px;border-radius:22px;background:white;box-shadow:0 30px 80px #0008;display:grid;gap:17px}.login-card img{width:260px;height:105px;object-fit:contain;margin:auto}.login-card p{text-align:center;color:var(--muted)}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;background:#fff}.login-card button,.section-head button,form>button,.document-form button{border:0;border-radius:9px;padding:13px 18px;background:var(--blue);color:white;font-weight:700;cursor:pointer}#loginError{color:#c82742;text-align:center}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.app>aside{position:sticky;top:0;height:100vh;padding:25px 18px;background:#030c1a;color:white;display:flex;flex-direction:column}.app>aside img{width:190px;height:80px;object-fit:contain;margin:0 auto 25px}.app>aside nav{display:grid;gap:8px}.app>aside button{border:0;text-align:left;padding:13px;border-radius:9px;color:#aebed3;background:transparent;cursor:pointer}.app>aside nav button.active,.app>aside nav button:hover{background:#0b315e;color:white}.app>aside>#logout{margin-top:auto;color:#ff9aa9}.app>main{padding:35px clamp(22px,4vw,60px)}main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}main>header p{margin:0;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em}main>header h1{margin:5px 0;font-size:32px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats article{padding:24px;border-radius:16px;background:white;border:1px solid var(--line);box-shadow:0 8px 25px #17345b0d}.stats span{color:var(--muted);font-size:13px}.stats b{display:block;font-size:38px;margin-top:10px}.stats .warning b{color:#e68b05}.stats .danger b{color:#d52c4a}.welcome{margin-top:20px;padding:28px;border-radius:17px;color:white;background:linear-gradient(110deg,#061b36,#075fe1)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2,.section-head p{margin:3px}.section-head p{color:var(--muted)}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:850px}th,td{padding:14px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase}.badge{display:inline-block;padding:6px 9px;border-radius:20px;background:#e4faef;color:#07834b;font-size:11px}.badge.blocked{background:#ffe8ec;color:#b9213d}.action{border:0;background:#e9f2ff;color:#075cc8;padding:7px 9px;border-radius:7px;cursor:pointer;margin:2px}.action.danger{background:#ffe8ec;color:#b9213d}.token{max-width:150px;overflow:hidden;text-overflow:ellipsis;display:inline-block}.selector{max-width:400px;margin-bottom:15px}.document-form{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.2fr auto;gap:10px;padding:17px;background:white;border:1px solid var(--line);border-radius:14px}.document-list{display:grid;gap:10px;margin-top:15px}.document-item{padding:16px;background:white;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.document-item p{margin:4px;color:var(--muted)}dialog{border:0;border-radius:18px;padding:0;width:min(520px,94vw);box-shadow:0 30px 80px #0006}dialog::backdrop{background:#020812aa;backdrop-filter:blur(4px)}dialog form{padding:25px;display:grid;gap:15px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0}.modal-head button{border:0;background:none;font-size:28px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}#toast{position:fixed;right:25px;top:25px;z-index:20;padding:13px 18px;border-radius:9px;background:#0a9c5a;color:white;opacity:0;pointer-events:none;transition:.25s}#toast.show{opacity:1}@media(max-width:850px){.app{grid-template-columns:1fr}.app>aside{height:auto;position:static;flex-direction:row;align-items:center;overflow:auto}.app>aside img{width:120px;height:45px;margin:0}.app>aside nav{display:flex}.app>aside>#logout{margin:0 0 0 auto}.stats{grid-template-columns:1fr 1fr}.document-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.stats,.document-form,.two{grid-template-columns:1fr}.app>aside img{display:none}.app>aside{padding:10px}.app>aside button{white-space:nowrap}.app main{padding:22px 14px}}
small{color:var(--muted);font-weight:400;line-height:1.35}
.dashboard-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.chart-card{padding:22px;border-radius:16px;background:white;border:1px solid var(--line);box-shadow:0 8px 25px #17345b0d;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.chart-card p{margin:0;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.chart-card h3{margin:6px 0 0;font-size:22px}.chart-card.wide{grid-template-columns:1fr;align-content:center}.donut{width:118px;height:118px;border-radius:50%;position:relative;background:#e4eaf2}.donut:after{content:"";position:absolute;inset:23px;border-radius:50%;background:white}.chart-legend{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.chart-legend b{color:var(--ink)}.bar-meter{height:16px;border-radius:999px;background:#ffe8ec;overflow:hidden}.bar-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0a9c5a,#39d98a);transition:width .25s ease}
@media(max-width:980px){.dashboard-visuals{grid-template-columns:1fr}.chart-card{grid-template-columns:1fr auto}}
.search{margin:0 0 16px;max-width:520px}.document-selectors{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:14px;margin-bottom:16px}.form-error{padding:12px 14px;border-radius:9px;background:#fff1f3;border:1px solid #ffc4ce;color:#a0152b;font-weight:700}.document-form .form-error{grid-column:1/-1}.field-error{color:#a0152b;font-weight:700}@media(max-width:760px){.document-selectors{grid-template-columns:1fr}}