*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#1e293b}a{color:#2563eb}button{cursor:pointer}.app{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.side{background:#fff;border-right:1px solid #e5e9f2;padding:14px 12px;display:flex;flex-direction:column;gap:3px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center;padding:4px 6px 16px}.brand small{display:block;font-size:10px;letter-spacing:.06em;color:#64748b}.logo{width:36px;height:36px;background:#2563eb;color:#fff;display:grid;place-items:center;font-weight:700}.logo,.side a{border-radius:10px}.side a{display:flex;gap:10px;align-items:center;padding:10px 12px;color:#334155;text-decoration:none;font-size:14px}.side a:hover{background:#eef3ff}.side a.on{background:#2563eb;color:#fff;font-weight:600}.usercard{display:flex;gap:10px;align-items:center;border:1px solid #e5e9f2;border-radius:12px;padding:10px;margin:8px 0}.usercard small{display:block;color:#64748b}.col{min-width:0}.top{background:#fff;border-bottom:1px solid #e5e9f2;padding:10px 20px;display:flex;gap:14px;align-items:center}.search{flex:1 1;max-width:520px;border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px;background:#f8fafc}.qc{background:#2563eb;color:#fff;border-radius:20px;padding:8px 16px;font-weight:600;text-decoration:none;font-size:14px;white-space:nowrap}.topr{margin-left:auto;display:flex;gap:16px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#dbeafe;color:#1d4ed8;display:grid;place-items:center;font-weight:700;text-decoration:none;flex:none}.main{padding:18px 22px;min-width:0}.crumb{font-size:11px;letter-spacing:.06em;color:#64748b}.main h1{margin:4px 0;font-size:24px}.sub{margin:0 0 16px;color:#64748b}.card{background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(15,23,42,.04)}.card,.stats{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.stat{display:grid;grid-gap:6px;gap:6px;margin:0}.stat small{color:#64748b}.stat b{font-size:28px;font-weight:600}.row{display:flex;justify-content:space-between;align-items:center}.pill{background:#dbeafe;color:#1d4ed8;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.track{height:6px;background:#e5e9f2;border-radius:4px;overflow:hidden;margin-top:6px}.track div{height:100%}.cta{background:#2563eb;color:#fff;border-radius:14px;padding:16px;margin-bottom:16px}.cta .hd{cursor:pointer}.cta .hd small{display:block;opacity:.9;margin-top:4px}.cta .form{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:8px;gap:8px;margin-top:12px}.cta button{background:#fff;color:#1d4ed8;border:0;border-radius:6px;padding:8px;font-weight:600}table{border-collapse:collapse;background:#fff;font-size:13px}table,td,th{border-color:#e5e9f2!important}th{background:#f1f5f9}.banner{background:linear-gradient(120deg,#e0ecff,#f4f8ff);border-radius:16px;padding:20px 22px;margin-bottom:14px}.banner h2{margin:0 0 4px;font-size:26px}.kpis{grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.kpi,.kpis{display:grid}.kpi{background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:12px;grid-gap:4px;gap:4px}.kpi b{font-size:26px}.kpi small{color:#64748b}.kpi i{font-style:normal;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef3ff}.dgrid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:start}.li{padding:7px 0;border-top:1px solid #eef1f6;font-size:13px}.li small{display:block;color:#64748b}.chip{display:inline-block;background:#eef3ff;color:#1d4ed8;border-radius:10px;padding:1px 8px;font-size:12px;margin:0 4px 2px 0}.crow{display:flex;align-items:center;gap:8px;margin:4px 0;flex-wrap:wrap}.lab{background:#fff59d;font-weight:700}.code,.lab{padding:5px 10px;border-radius:6px}.code{background:#fff9c4;min-width:110px;font-weight:600}.auto{background:#ffe0a3;padding:5px 10px;border-radius:6px;flex:1 1;min-width:260px;font-size:13px}.auto .mt{display:inline-block;margin-right:12px}.acts button{font-size:12px;margin-left:4px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;padding:3px 8px}@media print{.noprint,.side,.top{display:none!important}.app{display:block}.main{padding:0}.regwrap{max-height:none!important;overflow:visible!important}}@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.dgrid{grid-template-columns:1fr}}@media(max-width:800px){.app{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid #e5e9f2}.side .brand,.side .usercard{display:none}.stats{grid-template-columns:repeat(2,1fr)}.main{padding:14px}}.lgwrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:url(/login-bg.jpg) 50%/cover no-repeat,radial-gradient(circle at 12% 14%,#dcefdc 0,transparent 20%),radial-gradient(circle at 92% 80%,#e3e9f1 0,transparent 35%),linear-gradient(135deg,#f8fafc,#e9eef4)}.lgbox{width:min(340px,100%);text-align:center}.lgbrand{display:flex;gap:14px;justify-content:center;align-items:center;margin-bottom:34px;color:#1e3a8a;font-weight:800;letter-spacing:.16em;font-size:17px}.lgbrand i{width:1px;height:26px;background:#1e3a8a;display:block}.lgbrand span{font-weight:600;letter-spacing:.02em}.lgtxt{color:#64748b;margin:0 0 14px;font-size:14px}.lgin{display:flex;align-items:center;gap:8px;background:#fff;border-radius:22px;padding:10px 14px;box-shadow:0 4px 14px rgba(15,23,42,.1);margin-bottom:14px}.lgin input{border:0;outline:0;flex:1 1;font-size:14px;background:transparent;min-width:0}.lgin button{border:0;background:none;font-size:16px;padding:0}.lgrow{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin:-4px 4px 14px}.lgbtn{width:100%;border:0;border-radius:22px;padding:11px;background:#3b82f6;color:#fff;font-size:16px;box-shadow:0 6px 16px rgba(59,130,246,.35)}.lgfoot{margin-top:18px;font-size:12px;color:#64748b}.lgmsg{margin-top:12px;font-size:13px}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:60;display:grid;place-items:center;padding:16px}.mbox{background:#fff;border-radius:14px;padding:18px;width:min(520px,100%);display:grid;grid-gap:10px;gap:10px}.mbox label{display:grid;grid-gap:4px;gap:4px;font-size:13px;font-weight:600}.mbox input,.mbox textarea{border:1px solid #cbd5e1;border-radius:8px;padding:8px;font:inherit;font-weight:400}.ctab th{background:#1f4e8c;color:#fff;font-size:12px;padding:8px;border:1px solid #fff}.ctab td{border:1px dashed #94a3b8;padding:6px 8px;font-size:13px;vertical-align:middle}.ctab .band td{background:#cfe0f5;color:#1e40af;font-weight:700;border:1px solid #b7cdea}.shwrap{max-width:1600px;margin:0 auto;padding:16px}.shhead{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5e9f2;border-radius:14px;padding:12px 16px;margin-bottom:12px;color:#1e3a8a;letter-spacing:.04em}.shhead span:nth-child(2){color:#334155;letter-spacing:0;font-weight:600}