:root{
 --bg:#06172b;--bg2:#082540;--panel:#0b2946;--panel2:#0e3354;--line:#1b4c72;
 --cyan:#1ec8ff;--blue:#197be8;--gold:#f1b943;--teal:#0bb99c;--text:#f7fbff;--muted:#9db2c7;
 --danger:#ef6b73;--shadow:0 22px 58px rgba(0,0,0,.28);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at 85% -10%,#0c3e68 0,transparent 30%),linear-gradient(145deg,#04111f,#071c32 55%,#041321);color:var(--text)}a{color:inherit}.client-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}
.client-sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;background:linear-gradient(180deg,rgba(7,31,55,.99),rgba(4,18,34,.99));border-right:1px solid rgba(59,147,211,.22);display:flex;flex-direction:column}.client-brand{padding:4px 10px 24px;border-bottom:1px solid #1b405f}.client-brand-mark{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#087dbd,#0a3e71);border:1px solid #27c9ff;box-shadow:0 8px 25px rgba(0,160,230,.18);font-weight:900;color:#fff;font-size:15px}.client-brand h1{font-size:18px;margin:10px 0 2px}.client-brand p{margin:0;color:var(--muted);font-size:11px}.nav-caption{font-size:10px;font-weight:800;letter-spacing:.11em;color:#7894ae;margin:24px 12px 8px}.client-nav{display:grid;gap:5px}.client-nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;text-decoration:none;color:#c9d9e7;font-size:13px;font-weight:650;border:1px solid transparent}.client-nav a:hover,.client-nav a.active{background:linear-gradient(90deg,#087ab8,#075788);border-color:#13bdf4;color:#fff}.client-nav .ico{width:22px;text-align:center;color:#73d9ff}.account-note{margin-top:auto;padding:14px;border-radius:12px;background:#071c30;border:1px solid #153d5c;color:#8da7bd;font-size:10px;line-height:1.45}.account-note strong{color:#d8ecfb;display:block;margin-bottom:4px}.client-main{min-width:0}.client-topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #16415f;background:rgba(4,19,35,.82);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.top-title strong{display:block;font-size:13px}.top-title span{color:#87a5bd;font-size:11px}.user-zone{display:flex;align-items:center;gap:11px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#1466a7,#0b365e);border:1px solid #3986bd;font-weight:800}.user-zone .meta strong{display:block;font-size:11px}.user-zone .meta span{font-size:10px;color:#8da8bd}.logout{font-size:11px;color:#a8c7dc;text-decoration:none;padding:8px 10px;border-radius:8px}.logout:hover{background:#102f4b;color:#fff}.content{padding:26px 28px 38px;max-width:1680px;margin:auto}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;border:1px solid #154568;border-radius:19px;background:radial-gradient(circle at 70% 40%,rgba(0,143,230,.2),transparent 30%),linear-gradient(100deg,#071a2e,#0a3152);box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;right:-6%;top:-80%;width:45%;height:250%;background:repeating-linear-gradient(90deg,transparent 0 55px,rgba(241,185,67,.10) 56px 57px);transform:skewX(-14deg)}.hero .overline{font-size:10px;letter-spacing:.13em;color:#78cfff;font-weight:800}.hero h2{font-size:34px;margin:8px 0 5px}.hero p{margin:0;color:#9db4c8;font-size:13px}.hero-badge{z-index:2;min-width:230px;padding:14px 18px;border-radius:14px;background:rgba(21,50,72,.72);border:1px solid rgba(241,185,67,.30)}.hero-badge span{display:block;color:#a9bdce;font-size:9px;letter-spacing:.12em}.hero-badge strong{display:block;margin-top:5px;font-size:13px;color:#fff}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.kpi{padding:18px;border-radius:15px;background:linear-gradient(180deg,#0a2947,#071d33);border:1px solid #164b72;box-shadow:0 12px 30px rgba(0,0,0,.18)}.kpi .number{font-size:31px;font-weight:850;line-height:1;color:#fff}.kpi .label{font-size:11px;color:#9ab1c5;margin-top:8px}.kpi.cyan{border-top:2px solid var(--cyan)}.kpi.gold{border-top:2px solid var(--gold)}.kpi.teal{border-top:2px solid var(--teal)}.kpi.danger{border-top:2px solid var(--danger)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr);gap:16px}.panel{border-radius:17px;background:linear-gradient(180deg,#0a2945,#071d32);border:1px solid #164b71;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #173e5b}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:10px;color:#8fa9bd;margin:4px 0 0}.panel-body{padding:14px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quick{display:flex;gap:12px;align-items:flex-start;padding:15px;border:1px solid #174a70;background:#081f36;border-radius:13px;text-decoration:none}.quick:hover{border-color:#18baf2;background:#0b2b49}.quick .icon{font-size:23px;color:#4dd0ff}.quick strong{font-size:12px;display:block}.quick span{font-size:10px;color:#8ea8bd;display:block;margin-top:4px;line-height:1.35}.quick.disabled{opacity:.48;cursor:not-allowed}.list{display:grid}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 6px;border-bottom:1px solid #16374f;text-decoration:none}.list-row:last-child{border-bottom:0}.list-row strong{font-size:11px;display:block}.list-row small{display:block;color:#819bb1;font-size:9px;margin-top:4px}.status{align-self:center;font-size:9px;padding:5px 8px;border-radius:999px;background:#103956;color:#9edcff;border:1px solid #205e88}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.btn,button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;border:1px solid #23c9f5;background:linear-gradient(180deg,#0c91d0,#0871ac);color:white;padding:10px 14px;text-decoration:none;font-size:12px;font-weight:750;cursor:pointer}.btn.secondary{background:#0c3153;border-color:#2a6da1}.btn.green{background:linear-gradient(180deg,#0b987e,#07705e);border-color:#13c9a9}.btn.gold{background:linear-gradient(180deg,#b88424,#896217);border-color:#e8b84e}.card{background:linear-gradient(180deg,#0a2945,#071d32);border:1px solid #174a70;border-radius:16px;padding:19px;margin:14px 0;box-shadow:var(--shadow)}.title-row,.split{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.split{justify-content:flex-start}.muted{color:#8ea7bc}.msg{background:rgba(12,151,126,.18);border:1px solid #0aa98c;padding:10px 14px;border-radius:9px;margin-bottom:12px}.alert{background:rgba(184,132,36,.15);border:1px solid #b88424;padding:12px;border-radius:9px;margin:12px 0}.table-wrap{overflow:auto;padding:4px 14px 14px}table{width:100%;border-collapse:collapse;min-width:720px}th,td{text-align:left;padding:11px;border-bottom:1px solid #173a55;vertical-align:top;font-size:11px}th{color:#8fd9ff;font-size:10px;text-transform:uppercase;letter-spacing:.05em}td a{color:#5ed5ff;text-decoration:none}.form-card{max-width:900px}.form-card h1,.card h1{font-size:22px;margin:0 0 14px}form p{margin:0 0 14px}form label{display:block;font-size:10px;color:#a8bed0;margin-bottom:6px}input,select,textarea{width:100%;padding:11px;border:1px solid #245a83;border-radius:9px;background:#071e34;color:#eef8ff}input:focus,select:focus,textarea:focus{outline:none;border-color:#1bc9ff;box-shadow:0 0 0 3px rgba(27,201,255,.12)}.docbody{padding:18px;background:#061a2e;border-radius:10px;margin:14px 0;line-height:1.6}small{color:#819ab0}.empty{text-align:center;padding:38px;color:#7f99ad}.timeline{display:grid;gap:10px}.timeline-item{padding:14px;border-left:3px solid #168ac6;background:#081f35;border-radius:0 11px 11px 0}.timeline-item.responded{border-left-color:#0bb99c}.section-title{font-size:17px;margin:24px 0 10px}.footer{text-align:center;padding:22px;color:#657f96;font-size:10px}
.login-client{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 75% 30%,rgba(15,127,199,.24),transparent 32%),linear-gradient(140deg,#03101e,#07213a)}.login-wrap{width:min(520px,94vw);text-align:center}.certse-mark{margin:auto;width:80px;height:80px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#0879b4,#0a365f);border:1px solid #29c9ff;box-shadow:0 15px 38px rgba(0,160,230,.22);font-size:15px;font-weight:900;color:white}.login-wrap h1{font-size:31px;margin:15px 0 5px}.login-wrap>p{color:#9fb2c5;margin:0 0 22px}.login-card{padding:28px;text-align:left;border-radius:18px;background:rgba(7,30,52,.95);border:1px solid #16aee7;box-shadow:var(--shadow)}.login-card h2{text-align:center;margin:0;font-size:23px}.login-card .sub{text-align:center;color:#91a9bd;font-size:11px;margin:6px 0 22px}.login-card button{width:100%;height:49px}.login-foot{margin-top:18px;color:#6e899f;font-size:9px}.error-box{padding:10px;border-radius:8px;background:rgba(170,53,61,.18);border:1px solid #a9363e;color:#ffc6ca;margin-bottom:14px;font-size:11px}
@media(max-width:1050px){.client-shell{grid-template-columns:215px minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.hero-badge{display:none}}@media(max-width:720px){.client-shell{display:block}.client-sidebar{position:relative;height:auto}.client-nav{grid-template-columns:repeat(2,1fr)}.account-note{margin-top:15px}.client-topbar{padding:0 14px}.content{padding:14px}.hero{padding:18px}.hero h2{font-size:27px}.kpis{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.user-zone .meta{display:none}}