*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sw: 210px;--blk: #0f0f0f;--g1: #f5f5f5;--g2: #ebebeb;--g3: #d4d4d4;--g4: #9a9a9a;--g5: #5c5c5c;--tx: #111;--sf: #6b6b6b;--gn: #15803d;--gnb: #dcfce7;--rd: #b91c1c;--rdb: #fee2e2;--bl: #1e3a5f;--blb: #dbeafe;--am: #92400e;--amb: #fef3c7}body{font-family:Inter,sans-serif;background:var(--g1);color:var(--tx);font-size:13px}.app-shell{display:flex;min-height:100vh}.main{margin-left:var(--sw);flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:var(--sw);background:var(--blk);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sb-logo{padding:20px 18px 16px;border-bottom:1px solid #222;display:flex;align-items:center;gap:11px}.sb-nav{flex:1;padding:8px 0}.ni{display:flex;align-items:center;gap:10px;padding:9px 16px;color:#999;font-size:12.5px;font-weight:400;cursor:pointer;border-left:3px solid transparent;transition:.15s;text-decoration:none}.ni:hover{background:#1f1f1f;color:#fff}.ni.active{background:#222;color:#fff;font-weight:600;border-left-color:#fff}.ni-soon{margin-left:auto;font-size:8.5px;letter-spacing:.5px;text-transform:uppercase;color:#666;border:1px solid #333;border-radius:4px;padding:1px 5px}.sb-foot{padding:12px 16px;border-top:1px solid #222}.sb-foot .sl{color:#555;font-size:9.5px}.sb-foot .sp{color:#bbb;font-size:12px;font-weight:600}.sb-foot .se{color:#555;font-size:10px;margin-top:2px}.sb-foot .sc{color:#333;font-size:9.5px;margin-top:8px;line-height:1.5}.logout-btn{display:block;width:100%;margin:12px 0 0;padding:10px;border:0;border-radius:8px;background:#e11d2a;color:#fff;font-weight:700;font-size:12.5px;cursor:pointer}.topbar{background:#fff;border-bottom:1px solid var(--g2);padding:13px 26px;display:flex;align-items:center;position:sticky;top:0;z-index:50}.tb-title{flex:1}.tb-g{font-size:19px;font-weight:700;display:flex;align-items:center;gap:8px}.tb-sub{color:var(--sf);font-size:12px;margin-top:2px}.tb-right{display:flex;align-items:center;gap:18px}.user-chip{font-weight:600}.tb-dt .td{font-size:11.5px;color:var(--sf);display:flex;align-items:center;gap:4px}.content{padding:22px 26px;flex:1}.card{background:#fff;border-radius:12px;border:1px solid var(--g2);padding:18px}.ct{font-size:13.5px;font-weight:700;margin-bottom:14px}.sg{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.sc2{background:#fff;border-radius:12px;padding:15px;border:1px solid var(--g2)}.si{width:34px;height:34px;background:var(--blk);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.sl2{font-size:11px;color:var(--sf);font-weight:500}.sv{font-size:24px;font-weight:800;line-height:1;margin:5px 0 3px}.sv span{font-size:12px;font-weight:500;color:var(--sf)}.gg{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.gauge-svg{width:100%;max-width:120px;height:auto}.gauge-val{font-size:26px;font-weight:800;fill:var(--tx)}.gauge-label{font-size:11.5px;font-weight:500;color:var(--sf);text-align:center}.mg{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:14px;margin-bottom:18px}.mg-2{grid-template-columns:1fr 1fr}.ic{background:#fff;border-radius:12px;padding:16px;border:1px solid var(--g2)}.ict{font-size:10.5px;font-weight:600;color:var(--sf);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--g2)}.pr{display:flex;align-items:flex-start;gap:11px}.pp{width:50px;height:50px;border-radius:9px;background:var(--g2);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--g4);flex-shrink:0}.pn{font-size:13px;font-weight:700}.po{font-size:11px;color:var(--sf);margin-top:2px}.fr{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid var(--g2)}.fr:last-of-type{border-bottom:none}.fk{font-size:11px;color:var(--sf)}.fv{font-size:12px;font-weight:600}.tc{background:#fff;border-radius:12px;border:1px solid var(--g2);overflow:hidden;margin-bottom:18px}.th{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--g2)}.tt2{font-size:13.5px;font-weight:700}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;font-weight:600;color:var(--sf);padding:9px 13px;background:var(--g1);border-bottom:1px solid var(--g2);white-space:nowrap}tbody tr{border-bottom:1px solid var(--g2);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafafa}tbody td{padding:10px 13px;font-size:12px;vertical-align:middle;white-space:nowrap}.tdp{display:flex;align-items:center;gap:8px}.av{width:28px;height:28px;border-radius:50%;background:var(--g2);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--g5);flex-shrink:0}.tn{font-weight:600}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.bd{background:#111;color:#fff}.bg{background:var(--gnb);color:var(--gn)}.br{background:var(--rdb);color:var(--rd)}.bb{background:var(--blb);color:var(--bl)}.ba{background:var(--amb);color:var(--am)}.bgr{background:var(--g2);color:var(--g5)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;border:none;transition:.15s}.btp{background:var(--blk);color:#fff}.btp:hover{background:#333}.btn:not(.btp){background:#fff;color:var(--tx);border:1px solid var(--g3)}.btn:not(.btp):hover{background:var(--g1)}.btn:disabled{opacity:.5;cursor:not-allowed}.btsm{padding:5px 11px;font-size:11px}.fs{border:1px solid var(--g3);border-radius:8px;padding:7px 12px;font-size:12px;background:#fff;color:var(--tx);cursor:pointer;font-family:inherit}.mk-time{border:1px solid var(--g3);border-radius:6px;padding:4px 6px;font-size:12px;font-family:inherit;width:64px}.mk-time:disabled{background:var(--g1);color:var(--g4)}.mk-nov{font-size:10px;color:var(--sf);margin-top:2px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f0f0f73;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{background:#fff;border-radius:12px;border:1px solid var(--g2);width:420px;max-width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #00000040}.modal-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--g2)}.modal-body{padding:18px}.modal-foot{padding:14px 18px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--g2)}.modal-x{background:none;border:none;font-size:18px;line-height:1;cursor:pointer;color:var(--sf);padding:2px 6px}.fld{margin-bottom:13px}.fld>label{display:block;font-size:11px;font-weight:600;color:var(--sf);margin-bottom:5px}.fld .fs{width:100%;cursor:text}.fld select.fs{cursor:pointer}.seg{display:flex;gap:6px}.seg label{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border:1px solid var(--g3);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.seg label.on{background:var(--blk);color:#fff;border-color:var(--blk)}.seg input{position:absolute;opacity:0;width:0;height:0}.fld-row{display:flex;gap:12px}.fld-row .fld{flex:1}.modal-err{color:var(--rd);font-size:11px}.modal-ok{color:var(--gn);font-size:11px}.login-ov{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0b0f14;align-items:center;justify-content:center}.login-form{background:#141a22;padding:32px;border-radius:14px;width:320px;max-width:90vw;box-shadow:0 10px 40px #00000080}.login-logo{height:44px;display:block;margin:0 auto 18px;filter:brightness(0) invert(1)}.login-input{width:100%;padding:11px;margin-bottom:10px;border-radius:8px;border:1px solid #2a3340;background:#0b0f14;color:#e8eef5}.login-btn{width:100%;padding:11px;border:0;border-radius:8px;background:#e11d2a;color:#fff;font-weight:700;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.login-err{color:#ff6b6b;font-size:13px;margin:10px 0 0;min-height:16px}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f14;display:flex;align-items:center;justify-content:center}.boot-splash img{height:48px;filter:brightness(0) invert(1);opacity:.85}.app-error{max-width:520px;margin:80px auto;padding:32px;text-align:center}.app-error h1{font-size:20px;margin-bottom:10px}.app-error p{color:var(--sf);margin-bottom:18px}@media(max-width:1100px){.sg{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.sg{grid-template-columns:repeat(2,1fr)}.mg,.mg-2{grid-template-columns:1fr}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}