.top-clock{font-size:12px;color:var(--muted);font-weight:600}.kpi-grid.six{grid-template-columns:repeat(6,minmax(120px,1fr))}.kpi-grid.four{grid-template-columns:repeat(4,minmax(150px,1fr))}.kpi{position:relative}.kpi-icon{display:block;width:28px;height:5px;border-radius:5px;background:var(--blue);margin-bottom:10px}.kpi-icon.green{background:var(--green)}.kpi-icon.orange{background:var(--orange)}.kpi-icon.red{background:var(--red)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(260px,.8fr);gap:16px}.filters{display:grid;grid-template-columns:1.3fr repeat(7,minmax(105px,1fr));gap:9px;align-items:end;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:16px;box-shadow:var(--shadow)}.filters.compact{grid-template-columns:repeat(5,minmax(140px,1fr)) auto}.filters label,.form-grid label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#31547f}.filters input,.filters select,.form-grid input,.form-grid select{min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px;color:var(--ink);font:inherit}.primary,.secondary,.danger{border:0;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer}.primary{background:linear-gradient(135deg,#0870e8,#0757bd);color:#fff}.primary.link{text-decoration:none}.secondary{background:#edf5ff;color:var(--blue);border:1px solid #cfe0f4}.danger{background:#ffebee;color:#b92335}.small{padding:6px 8px;font-size:11px}.secondary:disabled{opacity:.4}.table td small{display:block;color:var(--muted);margin-top:3px}.pager{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.pager div{display:flex;gap:8px}.empty-state{display:grid;gap:5px;padding:22px;text-align:center;color:var(--muted)}.empty-state strong{color:#31547f}.bar-chart{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:minmax(95px,1fr) 3fr 32px;align-items:center;gap:9px;font-size:12px}.bar-row>div{height:9px;border-radius:9px;background:#eaf1f9;overflow:hidden}.bar-row i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#79b8ff,#0769df)}.note{padding:13px;border-radius:8px;background:#eef6ff;border-left:4px solid var(--blue);color:#31547f;line-height:1.5}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.monitor-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.monitor-card>div{display:flex;justify-content:space-between;gap:10px}.monitor-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 0;font-size:12px}.monitor-card dt{color:var(--muted)}.monitor-card dd{margin:0;text-align:right;font-weight:600}.tab-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.7fr);gap:16px}.form-card{height:max-content}.form-grid{display:grid;gap:13px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-grid>div{padding:10px;background:#f6f9fd;border-radius:8px}.detail-grid small{display:block;color:var(--muted);margin-bottom:4px}.timeline{display:grid;gap:10px}.timeline>div{display:grid;grid-template-columns:12px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #edf2f8;padding:8px 0}.timeline i{width:9px;height:9px;border-radius:50%;background:var(--blue)}.timeline span{color:var(--muted);font-size:11px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;background:rgba(5,30,70,.48);padding:24px;display:grid;place-items:center}.modal-card{position:relative;width:min(520px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:24px;box-shadow:0 24px 70px rgba(0,25,70,.3)}.modal-card.wide{width:min(980px,100%)}.modal-close{position:absolute;right:13px;top:10px;border:0;background:transparent;font-size:28px;color:var(--muted);cursor:pointer}.modal-card.secret code{display:block;overflow-wrap:anywhere;background:#eef4fb;border:1px solid var(--line);padding:12px;margin:5px 0 14px;border-radius:7px;user-select:all}.evidence{min-height:100px}
.login-body{min-height:100vh;background:radial-gradient(circle at 15% 15%,#dceeff 0,transparent 34%),linear-gradient(145deg,#f8fbff,#eef6ff);display:grid;grid-template-rows:1fr auto;place-items:center;padding:28px}.login-shell{width:min(880px,100%);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:54px}.login-brand{padding:30px}.login-brand img{display:block;width:190px;max-width:75%;height:auto;margin-bottom:28px}.login-product,.login-env{display:inline-block;color:var(--blue);background:#e8f2ff;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.login-brand h1{font-size:38px;margin:16px 0 8px}.login-brand p{color:#52729d;font-size:18px}.login-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 18px 55px rgba(29,83,145,.15)}.login-card h2{font-size:25px;color:var(--navy);margin:18px 0 6px}.login-copy,.login-note{color:var(--muted)}.login-card form{display:grid;gap:8px;margin-top:22px}.login-card form>label{font-size:12px;font-weight:700}.login-field{height:46px;display:flex;align-items:center;border:1px solid #cdddf0;border-radius:8px;padding:0 11px;gap:9px;color:var(--blue)}.login-field:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #e5f1ff}.login-field input{border:0;outline:0;min-width:0;flex:1;font:inherit}.password-toggle{border:0;background:transparent;color:var(--blue);font-weight:700}.login-submit{margin-top:14px;height:46px;border:0;border-radius:8px;background:linear-gradient(135deg,#0871e8,#0757bd);color:#fff;font-weight:800}.login-error{margin-top:14px;padding:11px;border-radius:7px;background:#ffedef;color:#a92535}.login-note{font-size:11px;text-align:center}.login-footer{font-size:11px;color:#6d84a3;padding-top:20px}
@media(max-width:1300px){.kpi-grid.six{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(4,1fr)}.filters.compact{grid-template-columns:repeat(3,1fr)}}@media(max-width:950px){.dashboard-grid,.tab-layout{grid-template-columns:1fr}.detail-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;gap:0;max-width:460px}.login-brand{text-align:center;padding:10px 20px 22px}.login-brand img{margin:0 auto 16px;width:150px}.login-brand h1{font-size:28px}.top-clock{display:none}}@media(max-width:760px){.filters,.filters.compact,.report-grid{grid-template-columns:1fr}.kpi-grid.six,.kpi-grid.four{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.modal{padding:10px}.login-body{padding:16px}.login-card{padding:22px}.timeline>div{grid-template-columns:12px 1fr}.timeline span{grid-column:2}.pager{align-items:flex-start;gap:10px;flex-direction:column}}
