:root{--bg:#08131f;--panel:#101e2d;--panel2:#15283a;--line:#263d55;--text:#edf5ff;--muted:#8fa5bb;--blue:#44a8ff;--teal:#32c3b5;--green:#32c77d;--orange:#ffb454;--red:#ff6d78;--purple:#9f85ff;--shadow:0 16px 45px rgba(0,0,0,.22)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#123d53 0,transparent 30%),radial-gradient(circle at 82% 74%,#3b2d16 0,transparent 32%),#08131f}.login-card{width:min(430px,100%);padding:34px;border:1px solid #26425b;background:rgba(13,29,44,.94);border-radius:22px;box-shadow:var(--shadow)}.mark{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#ffb454,#35c2b3);color:#0a1722;font-size:20px;font-weight:900}.mark.sm{width:40px;height:40px;border-radius:12px;font-size:12px}.login-card h1{margin:20px 0 6px}.login-card p{margin:0 0 24px;color:var(--muted)}label{font-size:12px;color:#bdd0e4}.login-card label{display:block;margin:13px 0}.login-card input,.field input,.field select,.field textarea,.toolbar input,.toolbar select{width:100%;margin-top:6px;padding:10px 11px;background:#0b1724;color:#fff;border:1px solid #2a455e;border-radius:10px}.primary{border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,#ffb454,#35c2b3);color:#07131b;font-weight:900}.big{width:100%;padding:14px}.demo-note{margin-top:16px;padding:11px;border-radius:10px;background:#1a2e29;color:#a8e5ce}.app{display:flex;min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:250px;background:#0c1825;border-right:1px solid #20364b;padding:16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;margin-bottom:22px}.brand small{display:block;color:var(--muted);margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis}.side nav{display:grid;gap:6px}.side nav button{border:0;border-radius:10px;padding:12px 13px;background:transparent;color:#abc0d2;text-align:left}.side nav button:hover,.side nav button.active{background:#192d40;color:#fff}.side-foot{margin-top:auto;border-top:1px solid #223a50;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:12px}.side-foot button,.menu{background:transparent;color:#d6e7f6;border:1px solid #31506d;border-radius:8px;padding:7px 10px}.main{margin-left:250px;width:calc(100% - 250px)}.top{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #20354a;position:sticky;top:0;background:rgba(8,19,31,.94);backdrop-filter:blur(9px);z-index:15}.top small{display:block;margin-top:3px;color:var(--muted)}.online{display:flex;align-items:center;gap:7px;color:#a9d8bf;font-size:12px}.online i{width:8px;height:8px;border-radius:50%;background:var(--green)}.menu{display:none}#content{padding:22px}.hero,.panel,.kpi,.mini{background:linear-gradient(180deg,#111f30,#0d1926);border:1px solid #233b52;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.13)}.hero{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:18px;background:radial-gradient(circle at right top,rgba(255,180,84,.18),transparent 32%),linear-gradient(180deg,#142a3d,#0f1c2b)}.hero h2{margin:0 0 7px}.hero p{margin:0;color:#bed0e2;max-width:750px}.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.soft{border:1px solid #31506d;background:#142739;color:#d9e8f5;border-radius:10px;padding:9px 12px}.cards{display:grid;grid-template-columns:repeat(6,minmax(125px,1fr));gap:13px;margin-top:15px}.kpi{padding:17px}.kpi span{color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:28px;margin-top:8px}.kpi em{display:block;margin-top:7px;font-style:normal;color:#bdd0df;font-size:11px}.grid{display:grid;grid-template-columns:1.45fr .85fr;gap:15px;margin-top:15px}.stack{display:grid;gap:15px}.panel,.mini{padding:16px}.panel h3,.mini h3{margin:0 0 13px}.widget-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px}.widget-head h3{margin:0}.link{border:0;background:none;color:#8fcaff;font-weight:700}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:13px}.toolbar input,.toolbar select{width:auto;margin:0}.table-wrap{overflow:auto;border:1px solid #22384e;border-radius:11px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:10px 11px;border-bottom:1px solid #1c3044;text-align:left;white-space:nowrap}th{background:#0d1927;color:#8fa5bb;font-weight:600}tr:hover td{background:#132335}.pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800;background:#233950;color:#cfe0ef}.pill.active,.pill.approved,.pill.finalized{background:#15392c;color:#7fe2b5}.pill.pending,.pill.open{background:#3b2e17;color:#ffd07c}.pill.cancelled{background:#46242a;color:#ff9eaa}.summary{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary .mini-box{padding:13px;background:#0e1a27;border:1px solid #21374e;border-radius:12px}.mini-box strong{display:block;font-size:22px;margin-top:4px}.muted{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.field{display:block}.span2{grid-column:span 2}.modal{position:fixed;inset:0;background:rgba(0,0,0,.65);display:grid;place-items:center;padding:20px;z-index:50}.modal-card{width:min(840px,100%);max-height:90vh;overflow:auto;background:#0e1c2a;border:1px solid #2a445c;border-radius:16px;padding:20px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h3{margin:0}.modal-head button{border:0;background:none;color:#fff;font-size:24px}.pay-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pay-stat{padding:12px;border-radius:12px;background:#0f1d2b;border:1px solid #223b53}.pay-stat span{display:block;color:var(--muted);font-size:11px}.pay-stat strong{display:block;margin-top:5px;font-size:20px}.worker-card{padding:12px;border:1px solid #233d55;border-radius:12px;background:#0f1c2a;margin-bottom:9px}.worker-card b{display:block}.worker-card small{color:var(--muted)}.notice{padding:12px;border-radius:11px;background:#332817;border:1px solid #5b4725;color:#f7d898;font-size:12px}.notice strong{color:#fff}.empty{padding:16px;border:1px dashed #31506d;border-radius:11px;color:#9eb2c6}.money.pos{color:#71dbad}.money.neg{color:#ff9aa5}#toast{position:fixed;right:20px;top:20px;z-index:99;background:#10263c;border:1px solid #315476;color:#eef7ff;padding:11px 14px;border-radius:11px;opacity:0;transform:translateY(-8px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}@media(max-width:1250px){.cards{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}.pay-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.side{transform:translateX(-100%);transition:.2s}.side.open{transform:none}.main{margin-left:0;width:100%}.menu{display:inline-flex}.hero{align-items:flex-start;flex-direction:column}}@media(max-width:650px){#content{padding:14px}.cards{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.span2{grid-column:span 1}.pay-grid{grid-template-columns:1fr}}