:root{--yellow: #ffcc33;--yellow-dark: #e6b02e;--ink: #222;--muted: #666;--line: #d9d3c4;--bg: #f4efe4;--paper: #fffdf8;--ok: #1b7a3a;--warn: #9a6b00;--bad: #a31b1b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Verdana,Tahoma,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}.loading{padding:48px;text-align:center}.app{min-height:100vh}.topbar{background:linear-gradient(#fff6d4,var(--yellow));border-bottom:3px solid #000066;display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.brand{font-size:22px;font-weight:700;letter-spacing:.04em}.brand-sub{font-size:12px;color:#444}.userbox{display:flex;align-items:center;gap:12px;font-size:13px}.userbox small{display:block;color:#555}.menu{background:#006;display:flex;gap:4px;padding:0 12px;align-items:stretch}.menu a,.menu button,.menu .linklike{color:#fff;background:transparent;border:0;padding:10px 14px;font:inherit;font-size:12px;text-decoration:none;cursor:pointer;text-transform:uppercase}.menu a.active,.menu a:hover,.menu button:hover,.menu .linklike:hover{background:var(--yellow);color:#000}.drop{position:relative}.drop-panel{display:none;position:absolute;top:100%;left:0;min-width:260px;background:#ebf0ec;border:1px solid #000;z-index:20;padding:6px 0}.drop:hover .drop-panel,.drop:focus-within .drop-panel{display:block}.drop-panel a{display:block;color:#000;text-transform:none;padding:8px 14px}.drop-panel a:hover,.drop-panel a.active{background:var(--yellow)}.drop-group{font-size:11px;font-weight:700;color:#555;padding:8px 14px 4px}.banner{background:#fff3cd;border-bottom:1px solid #e0c36a;padding:8px 20px;font-size:13px}.content{padding:20px;max-width:1200px;margin:0 auto}.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 1px #fff inset}.card-h{background:var(--yellow);border-bottom:1px solid #ff9933;padding:10px 14px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:12px}.card-b{padding:16px}.filters,.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#444}input,select,textarea{font:inherit;padding:7px 8px;border:1px solid #bbb;background:#fff}textarea{min-height:80px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn{background:var(--yellow);border:1px solid #b58a12;padding:7px 14px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.btn:hover{background:var(--yellow-dark)}.btn.ghost{background:#fff}.btn.danger{background:#f3d0d0;border-color:#a31b1b}.table{width:100%;border-collapse:collapse;font-size:13px}.table th,.table td{border:1px solid #ddd;padding:6px 8px}.table th{background:#f0e6c8;text-align:left}.table tr:nth-child(2n) td{background:#faf6ea}.right{text-align:right}.center{text-align:center}.day-group{margin:16px 0 8px;font-size:13px;background:#006;color:#fff;padding:6px 10px}.totals{display:flex;gap:16px;flex-wrap:wrap;margin-top:12px;font-size:13px}.totals b{margin-right:4px}.status-P{color:var(--warn);font-weight:700}.status-PG{color:var(--ok);font-weight:700}.status-C{color:var(--bad);font-weight:700}.error{color:var(--bad);font-size:13px;margin:8px 0}.okmsg{color:var(--ok);font-size:13px;margin:8px 0}.login-wrap{min-height:100vh;display:grid;place-items:center;background:#f4efe4}.login-card{width:380px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);padding:14px}.kpi span{display:block;font-size:12px;color:#666}.kpi strong{font-size:22px}.dual{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.dual select{width:100%;height:280px}.row-btns{display:flex;gap:4px}.link{color:#006;cursor:pointer;background:none;border:0;font:inherit;text-decoration:underline}