:root{--bg:#0b0f10;--bg2:#101516;--panel:#171c1d;--panel2:#1d2324;--line:#343b3c;--gold:#d7a557;--gold2:#8d6333;--text:#f3f3f3;--muted:#9aa0a3;--red:#d85b4b;--green:#89b45b}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.app{display:flex;min-height:100vh}.sidebar{width:250px;background:#0d1213;border-right:1px solid #283031;position:fixed;inset:0 auto 0 0;overflow:auto;z-index:4}.brand{height:112px;display:flex;align-items:center;justify-content:center;background:#111617;border-bottom:1px solid #2c3233;padding:10px}.brand img{max-width:190px;max-height:92px;object-fit:contain;mix-blend-mode:screen}.nav{padding:12px 10px 30px}.nav button{width:100%;border:0;background:transparent;color:#ddd;text-align:left;padding:12px 12px;border-radius:7px;margin:2px 0;cursor:pointer}.nav button:hover,.nav button.active{background:#6e4d29;color:#fff}.main{margin-left:250px;width:calc(100% - 250px);min-height:100vh}.top{height:78px;background:#0c1011;border-bottom:1px solid #2a3132;display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:3}.hamb{font-size:27px;margin-right:18px;cursor:pointer}.titlebox h1{font-size:25px;margin:0}.titlebox p{margin:4px 0 0;color:var(--muted);font-size:13px}.clock{margin-left:auto;color:#c7cbcc;font-size:13px}.content{padding:20px 24px 45px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:5px;min-width:140px}.field label{font-size:12px;color:#c9cdce}.input,.select,.textarea{background:#f5f5f5;color:#111;border:1px solid #b7b7b7;border-radius:5px;padding:9px 10px;min-height:39px}.textarea{min-height:84px;resize:vertical}.btn{border:1px solid #55432d;background:#3b2c1d;color:#f4cd8b;border-radius:8px;padding:10px 15px;cursor:pointer}.btn.secondary{background:#313738;border-color:#454d4e;color:#e9e9e9}.btn.danger{background:#4b2220;border-color:#7c3530;color:#ffc5bd}.btn.green{background:#2c4627;border-color:#55764c;color:#d9f5ce}.grid{display:grid;gap:12px}.cards6{grid-template-columns:repeat(6,minmax(150px,1fr))}.cards4{grid-template-columns:repeat(4,minmax(170px,1fr))}.card{background:var(--panel);border:1px solid #3a4142;border-radius:4px;padding:14px;min-height:94px}.card .label{font-size:12px;color:#d4d6d7;font-weight:600}.card .value{font-size:21px;font-weight:700;margin-top:8px}.card .note{font-size:11px;color:var(--muted);margin-top:7px}.gold{color:var(--gold)}.section{background:var(--panel);border:1px solid #353d3e;border-radius:5px;margin-top:14px;overflow:hidden}.section-head{padding:12px 14px;border-bottom:1px solid #343b3c;font-weight:700}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;font-size:13px}th{background:#151a1b;color:#d8d9da;padding:10px;text-align:left;border-bottom:1px solid #3a4142;white-space:nowrap}td{padding:9px 10px;border-bottom:1px solid #2d3435;color:#e6e6e6;white-space:nowrap}tbody tr:hover{background:#202627}.empty{text-align:center;color:#707678;padding:50px!important}.summary{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.pill{background:var(--panel);border:1px solid #3a4142;border-radius:6px;padding:10px 13px}.charts{grid-template-columns:repeat(3,1fr);margin-top:12px}.chartbox{height:245px;background:#242425;border:1px solid #303536;padding:10px;position:relative}.chartbox h3{margin:0 0 4px;font-size:17px}.chartbox canvas{width:100%;height:200px}.tooltip{position:fixed;pointer-events:none;background:#080a0a;border:1px solid #6b5538;color:#fff;padding:7px 10px;border-radius:5px;font-size:12px;display:none;z-index:100}.twocol{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.filterbox{background:#191e1f;border:1px solid #3a4243;padding:14px;border-radius:5px}.checks{display:flex;gap:10px;flex-wrap:wrap;max-height:120px;overflow:auto}.check{border:1px solid #3b4243;background:#111617;padding:7px 10px;border-radius:5px}.modal-bg{position:fixed;inset:0;background:#000b;z-index:20;display:none;align-items:center;justify-content:center;padding:18px}.modal{width:min(780px,96vw);max-height:90vh;overflow:auto;background:#171d1e;border:1px solid #50595a;border-radius:9px}.modal-head{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #394142}.modal-head h2{margin:0;font-size:19px}.modal-head button{margin-left:auto}.modal-body{padding:16px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.span2{grid-column:1/-1}.status{padding:3px 7px;border-radius:4px;font-size:11px}.status.ok{background:#6f953f;color:#10150b}.status.wait{background:#886f39}.status.bad{background:#8f3d36}.login{position:fixed;inset:0;background:#090d0e;z-index:100;display:flex;align-items:center;justify-content:center}.loginbox{width:390px;background:#161c1d;border:1px solid #424a4b;border-radius:10px;padding:28px}.loginbox img{display:block;max-width:210px;max-height:120px;margin:0 auto 20px;mix-blend-mode:screen}.loginbox h2{text-align:center}.hidden{display:none!important}.muted{color:var(--muted)}.right{text-align:right}.danger-text{color:#ff8d83}.ok-text{color:#a9db7e}.photo{max-width:86px;max-height:60px;border:1px solid #555}.mobile-menu{display:none}
@media(max-width:1200px){.cards6{grid-template-columns:repeat(3,1fr)}.charts{grid-template-columns:1fr}.cards4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.cards6,.cards4,.twocol,.formgrid{grid-template-columns:1fr}.top{padding:0 12px}.content{padding:14px}.clock{display:none}}
@media print{.sidebar,.top,.no-print,.toolbar,.btn,.modal-bg,.login{display:none!important}.main{margin:0;width:100%}.content{padding:0}.section{border:0}.print-title{display:block!important}body{background:#fff;color:#000}table{font-size:10px}th,td{color:#000;border:1px solid #bbb}.card,.pill,.filterbox{color:#000;background:#fff}.chartbox{display:none}.section-head{color:#000}}

@media print{body.print-modal .app{display:none!important}body.print-modal .modal-bg{display:block!important;position:static;background:#fff;padding:0}body.print-modal .modal{display:block!important;width:100%;max-height:none;overflow:visible;border:0;background:#fff;color:#000}body.print-modal .modal-head{border-bottom:1px solid #777}body.print-modal .modal-head h2{color:#000}body.print-modal .modal-body{color:#000}body.print-modal .modal-body .no-print{display:none!important}}