:root{--p:#3b1d58;--p2:#6b2f7d;--a:#e69b32;--ink:#26313d;--muted:#718091;--bg:#f6f3f8;--line:#e8e0ed;--white:#fff;--shadow:0 13px 34px rgba(59,29,88,.09)}*{box-sizing:border-box}body.erp{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}.erp a{text-decoration:none;color:inherit}.erp-top{height:76px;background:linear-gradient(90deg,#2a143e,#4b2263);color:#fff;position:fixed;left:0;right:0;top:0;z-index:1000;box-shadow:0 6px 22px rgba(39,19,58,.18)}.erp-top-inner{height:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.erp-brand{display:flex;align-items:center;gap:12px}.erp-brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--a);color:#2b1e12;font-size:19px}.erp-brand b,.erp-brand small{display:block}.erp-brand b{font-size:15px;letter-spacing:.4px}.erp-brand small{font-size:10px;opacity:.78;margin-top:2px}.erp-top-tools{display:flex;align-items:center;gap:13px}.erp-live{text-align:center;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:11px}.erp-live strong,.erp-live small{display:block}.erp-live strong{font-size:15px}.erp-live small{font-size:9px;opacity:.75}.erp-view{background:var(--a);color:#281b12!important;padding:10px 12px;border-radius:10px;font-size:11px;font-weight:850}.erp-user{display:flex;align-items:center;gap:9px}.erp-user>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--p);font-weight:900}.erp-user b,.erp-user small{display:block}.erp-user b{font-size:11px}.erp-user small{font-size:9px;opacity:.7}.erp-user>a{margin-left:4px}.erp-side{position:fixed;left:0;top:76px;bottom:0;width:245px;background:#241335;color:#ddd2e5;padding:16px 11px;overflow:auto;z-index:800}.erp-side-title{font-size:9px;font-weight:900;letter-spacing:1.3px;color:#9e8fab;padding:15px 11px 7px}.erp-side a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;margin:2px 0;font-size:12px;font-weight:650}.erp-side a:hover{background:#3b1d58;color:#fff}.erp-side i{width:18px;text-align:center;color:#e0a84b}.erp-shell{margin-left:245px;padding:96px 25px 25px}.erp-shell-full{padding:96px 22px 25px}.erp-page-head{max-width:1220px;margin:0 auto 16px}.erp-page-head h1{font-size:27px;color:var(--p);margin:3px 0 0;font-weight:900}.erp-kicker{color:#b07018;font-size:9px;font-weight:900;letter-spacing:1.4px}.erp-main,.erp-container{width:min(1220px,100%);margin:auto}.erp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0 0 20px}.erp-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.erp-card h2,.erp-card h3{color:var(--p);margin-top:0}.erp-card h2{font-size:19px}.erp-card h3{font-size:15px}.erp-card p{color:var(--muted);line-height:1.6}.erp-stat{font-size:32px;font-weight:900;color:var(--p)}.erp-stat-card{position:relative;overflow:hidden}.erp-stat-card:after{content:"";position:absolute;width:65px;height:65px;border-radius:50%;right:-20px;top:-20px;background:#f2e9f6}.erp-stat-card i{color:var(--a);font-size:21px;margin-bottom:8px}.erp-nav{display:flex;flex-wrap:wrap;gap:8px}.erp-nav a{background:#f5eff7;border:1px solid var(--line);padding:9px 12px;border-radius:9px;font-size:11px;font-weight:750;color:var(--p)}.erp-form{display:grid;gap:12px}.erp-two{grid-template-columns:1fr 1fr;gap:14px 18px}.erp-form label{display:block;font-size:11px;font-weight:800;color:#4f4160}.erp input,.erp select,.erp textarea{width:100%;margin-top:6px;padding:11px;border:1px solid #dcd1e3;border-radius:10px;background:#fff;color:var(--ink);font:inherit}.erp textarea{min-height:95px;resize:vertical}.erp-check{display:flex!important;align-items:center;gap:8px}.erp-check input{width:auto;margin:0}.erp-btn{border:0;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:11px 15px;border-radius:10px;font-weight:850;cursor:pointer;box-shadow:0 8px 18px rgba(59,29,88,.18)}.erp-btn.alt{background:#9b671c}.erp-table-wrap{overflow:auto}.erp-table{width:100%;border-collapse:collapse;background:#fff}.erp-table th,.erp-table td{padding:11px;border-bottom:1px solid #eee8f2;text-align:left;font-size:11px}.erp-table th{background:#f5eff7;color:var(--p);font-weight:900;white-space:nowrap}.erp-table tr:hover td{background:#fcfafc}.erp-msg{padding:11px 13px;background:#edf8f0;border:1px solid #cfe8d6;border-radius:10px;margin:12px 0;color:#2b6640}.erp-danger{background:#fff0f0;border-color:#ffd0d0}.erp-badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#f1e8f5;color:var(--p);font-size:9px;font-weight:850}.erp-link-danger{color:#a33333!important;font-weight:800}.erp-title-row{display:flex;justify-content:space-between;gap:16px}.erp-login{max-width:560px;margin:20px auto}.barcode{font-family:monospace;letter-spacing:3px;border:1px dashed #333;padding:12px;background:#fff}.idcard{width:340px;border:1px solid #d7cce0;border-radius:16px;overflow:hidden;background:#fff}.idhead{background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;padding:16px;text-align:center}.idbody{padding:18px;text-align:center}.idbody img{width:95px;height:110px;object-fit:cover;border-radius:8px}.erp-foot{width:min(1220px,100%);margin:28px auto 0;text-align:center;padding:15px 0;color:#91869b;font-size:9px;border-top:1px solid var(--line)}
@media(max-width:900px){.erp-side{width:72px;padding:12px 7px}.erp-side-title{display:none}.erp-side a{justify-content:center;padding:12px}.erp-side a span{display:none}.erp-side i{width:auto;font-size:17px}.erp-shell{margin-left:72px}.erp-grid{grid-template-columns:repeat(2,1fr)}.erp-two{grid-template-columns:1fr}.erp-user div,.erp-live{display:none}}
@media(max-width:560px){.erp-top{height:66px}.erp-top-inner{padding:0 12px}.erp-brand small,.erp-view{display:none}.erp-brand b{font-size:12px}.erp-side{top:66px;left:0;right:0;bottom:auto;width:100%;height:58px;display:flex;overflow-x:auto;padding:6px;background:#241335}.erp-side a{min-width:44px;margin:0}.erp-shell{margin-left:0;padding:142px 10px 20px}.erp-shell-full{padding:82px 10px 20px}.erp-grid{grid-template-columns:1fr 1fr;gap:10px}.erp-card{padding:15px;border-radius:14px}.erp-page-head h1{font-size:23px}.erp-top-tools{gap:7px}}
@media print{.erp-top,.erp-side,.erp-page-head,.erp-foot,.no-print{display:none!important}.erp-shell{margin:0;padding:0}.erp-card{box-shadow:none;border:0}}

/* FINAL ERP THEME + DARK MODE */
html[data-erp-theme="royal"]{--p:#3b1d58;--p2:#6b2f7d;--a:#e69b32;--side:#241335;--top1:#2a143e;--top2:#4b2263}
html[data-erp-theme="ocean"]{--p:#07586d;--p2:#0b8090;--a:#efa33e;--side:#073b49;--top1:#063b49;--top2:#0a6678}
html[data-erp-theme="emerald"]{--p:#075b49;--p2:#0a8468;--a:#e1a23b;--side:#073a31;--top1:#063b31;--top2:#0a6b57}
html[data-erp-theme="maroon"]{--p:#6e2439;--p2:#9a3e58;--a:#e3a03b;--side:#411522;--top1:#4a1827;--top2:#7b2b43}
html[data-mode="dark"]{--ink:#eef2f7;--muted:#abb5c4;--bg:#101318;--line:#303744;--white:#191e25;--shadow:0 13px 34px rgba(0,0,0,.28)}html[data-mode="dark"] body.erp{background:var(--bg);color:var(--ink)}html[data-mode="dark"] .erp-card,html[data-mode="dark"] .erp-table,html[data-mode="dark"] .erp input,html[data-mode="dark"] .erp select,html[data-mode="dark"] .erp textarea{background:var(--white);color:var(--ink)}html[data-mode="dark"] .erp-table th{background:#232a34;color:#fff}html[data-mode="dark"] .erp-table tr:hover td{background:#20262f}html[data-mode="dark"] .erp-form label{color:#c8d0dc}.erp-top{background:linear-gradient(90deg,var(--top1),var(--top2))}.erp-side{background:var(--side)}.erp-mode-btn{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}.erp-profile-link{background:rgba(255,255,255,.1)!important;color:#fff!important}.erp-scanner{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--bg);margin:12px 0}.erp-scanner video{width:100%;max-height:330px;background:#000;border-radius:12px;object-fit:cover}.erp-scan-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.erp-btn.secondary{background:#647184;box-shadow:none}.erp-book-preview{padding:12px;border-radius:12px;background:#f4eef8;margin:10px 0;font-size:12px}.erp-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.erp-kpi{border:1px solid var(--line);border-radius:13px;padding:13px;background:var(--white)}.erp-kpi b{display:block;font-size:22px;color:var(--p)}@media(max-width:700px){.erp-profile-link{display:none}.erp-kpi-row{grid-template-columns:1fr}.erp-scanner video{max-height:260px}}

/* ===== FINAL ERP GREEN/BLUE ADVANCED THEME ===== */
:root{--p:#075e54;--p2:#0b7a6f;--a:#2f80c0;--ink:#22313e;--muted:#71808d;--bg:#f1f7f6;--line:#d8e7e4;--white:#fff;--shadow:0 12px 30px rgba(5,88,80,.09);--side:#063e58;--top1:#063e58;--top2:#075e54}
html[data-erp-theme="royal"],html[data-erp-theme="emerald"]{--p:#075e54;--p2:#0a806f;--a:#2f80c0;--side:#063e58;--top1:#063e58;--top2:#075e54}html[data-erp-theme="ocean"]{--p:#0b5f91;--p2:#147caf;--a:#0a8f75;--side:#073f63;--top1:#073f63;--top2:#0b6797}html[data-erp-theme="maroon"]{--p:#075e54;--p2:#0a806f;--a:#2f80c0;--side:#063e58;--top1:#063e58;--top2:#075e54}
.erp-top{height:72px}.erp-brand-mark{background:#fff;color:#075e54;border-radius:10px}.erp-side{top:72px;width:258px;background:linear-gradient(180deg,#063e58,#075e54)}.erp-side-title{color:#a6cbc5;font-size:8px;letter-spacing:1.6px;margin-top:5px}.erp-side a{border-left:3px solid transparent;border-radius:8px;padding:10px 12px}.erp-side a:hover{background:rgba(255,255,255,.12);border-left-color:#65d5c4}.erp-side i{color:#8fd7cb}.erp-shell{margin-left:258px;padding-top:91px}.erp-page-head h1{color:#075e54}.erp-card{border-radius:14px}.erp-grid .erp-card{border-top:4px solid #0a8f75}.erp-grid .erp-card:nth-child(even){border-top-color:#2f80c0}.erp-stat{color:#075e54}.erp-stat-card i{color:#2f80c0}.erp-stat-card:after{background:#e8f5f2}.erp-nav a{background:#eaf5f2;color:#075e54;border-color:#d3e8e3}.erp-btn{background:linear-gradient(135deg,#075e54,#0b7a6f);box-shadow:0 8px 18px rgba(7,94,84,.18)}.erp-btn.alt{background:#2f80c0}.erp-table th{background:#eaf5f2;color:#075e54}.erp input:focus,.erp select:focus,.erp textarea:focus{outline:2px solid rgba(47,128,192,.18);border-color:#2f80c0}.erp-kicker{color:#2f80c0}.erp-view{background:#fff;color:#075e54!important}.erp-live{background:rgba(255,255,255,.08)}.erp-book-preview{background:#eaf5f2}.erp-kpi b{color:#075e54}.idhead{background:linear-gradient(135deg,#063e58,#075e54)}
@media(max-width:900px){.erp-side{width:74px}.erp-shell{margin-left:74px}}@media(max-width:560px){.erp-side{top:66px;width:100%;background:linear-gradient(90deg,#063e58,#075e54)}.erp-shell{margin-left:0}}