:root{
    --dm-bg:#edf3fb;
    --dm-surface:#ffffff;
    --dm-surface-2:#f7faff;
    --dm-ink:#172033;
    --dm-muted:#607089;
    --dm-line:#d8e2ef;
    --dm-line-2:#edf2f8;
    --dm-blue:#0f6cbd;
    --dm-blue-2:#115ea3;
    --dm-navy:#071426;
    --dm-navy-2:#0a2c58;
    --dm-green:#107c10;
    --dm-red:#d13438;
    --dm-yellow:#f7c948;
    --dm-shadow:0 16px 40px rgba(23,32,51,.08);
    --dm-shadow-strong:0 26px 80px rgba(7,20,38,.24);
    --dm-radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--dm-bg);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--dm-ink);font-size:14px}
a{text-decoration:none}.fw-black{font-weight:900}.text-muted{color:var(--dm-muted)!important}
.app-shell{display:flex;min-height:100vh;background:linear-gradient(140deg,#eef5ff 0,#f7fbff 38%,#eaf1f9 100%)}
.sidebar{width:292px;background:linear-gradient(180deg,#071426 0%,#0b2445 46%,#06101f 100%);color:#fff;position:fixed;top:0;left:0;bottom:0;z-index:1020;box-shadow:12px 0 42px rgba(7,20,38,.25);overflow-y:auto;border-right:1px solid rgba(255,255,255,.10)}
.sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 22% 10%,rgba(45,152,255,.28),transparent 30%),radial-gradient(circle at 100% 48%,rgba(70,229,191,.13),transparent 28%);pointer-events:none}.sidebar>*{position:relative}
.brand-box{display:flex;align-items:center;gap:13px;padding:20px 20px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-logo{width:72px;height:58px;border-radius:20px;background:linear-gradient(135deg,#fff,#dfefff);color:#0a2c58;display:flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:-1px;box-shadow:0 14px 36px rgba(0,0,0,.20)}
.brand-title{font-size:21px;font-weight:950;line-height:1;letter-spacing:-.03em}.brand-subtitle{font-size:12px;color:#b8d4ff;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.brand-version{font-size:10px;color:#9bb9e7;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.menu-search{padding:14px 16px 4px}.menu-search .form-control{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.12);color:#fff}.menu-search .form-control::placeholder{color:#a8bdd8}
.nav-section{padding:13px 18px 5px;color:#80a3cf;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sidebar-nav{padding:6px 14px 18px}.sidebar-nav .nav-link{color:#dcecff;border-radius:16px;padding:12px 13px;margin:5px 0;display:flex;align-items:center;gap:12px;font-weight:780;border:1px solid transparent;transition:.18s ease;position:relative}.sidebar-nav .nav-link i{width:38px;height:38px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(255,255,255,.08);color:#bfdbfe}.sidebar-nav .nav-link:hover,.sidebar-nav .nav-link.active{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.12);color:#fff;transform:translateX(3px);box-shadow:inset 4px 0 0 #60a5fa}.sidebar-nav .nav-link.active i{background:#fff;color:#0f6cbd}.nav-caption{display:block;font-size:11px;color:#95aed0;font-weight:650;margin-top:1px}.sidebar-footer{padding:16px 18px 20px;color:#9bb9e7;font-size:12px;border-top:1px solid rgba(255,255,255,.10)}
.main-area{margin-left:292px;min-height:100vh;flex:1;min-width:0}.topbar{height:72px;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--dm-line);display:flex;align-items:center;gap:14px;padding:0 26px;position:sticky;top:0;z-index:1010;box-shadow:0 9px 28px rgba(23,32,51,.05)}.top-title{display:flex;flex-direction:column;line-height:1.18}.top-title strong{font-size:17px;font-weight:900}.top-title span{font-size:12px;color:var(--dm-muted)}.top-search{max-width:420px;flex:1}.top-search .input-group-text,.top-search .form-control{border-radius:999px;background:#f7faff}.top-search .input-group-text{border-right:0}.top-search .form-control{border-left:0}.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--dm-line);background:#fff;border-radius:999px;padding:7px 12px}.user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f6cbd,#2f9cf4);color:#fff;font-weight:900}.content-wrap{padding:28px;min-height:calc(100vh - 72px)}
.page-head{position:relative;overflow:hidden;border:1px solid var(--dm-line);border-radius:28px;background:linear-gradient(135deg,#ffffff 0,#f5f9ff 52%,#e8f2ff 100%);box-shadow:var(--dm-shadow);padding:24px;margin-bottom:18px}.page-head:before{content:"";position:absolute;right:-76px;top:-95px;width:260px;height:260px;border-radius:50%;background:rgba(15,108,189,.13)}.page-head:after{content:"";position:absolute;right:56px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(16,124,16,.10)}.page-head>*{position:relative}.page-kicker{display:inline-flex;align-items:center;gap:7px;border:1px solid #b9d8f5;background:#eaf5ff;color:#115ea3;border-radius:999px;font-size:12px;font-weight:900;padding:7px 11px;margin-bottom:10px}.page-title{font-size:30px;font-weight:950;color:#101828;letter-spacing:-.04em;margin:0}.page-subtitle{color:var(--dm-muted);font-size:14px;margin-top:6px;max-width:820px}.page-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.command-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--dm-line);border-radius:20px;padding:13px;margin-bottom:18px;box-shadow:0 10px 26px rgba(23,32,51,.045)}.command-left,.command-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.command-title{font-weight:950;color:#0f172a}.command-note{font-size:12px;color:var(--dm-muted)}.quick-filter{width:310px;max-width:100%}
.stat-card,.metric-card{border:1px solid var(--dm-line);border-radius:22px;background:#fff;padding:18px;box-shadow:var(--dm-shadow);position:relative;overflow:hidden}.stat-card:before,.metric-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#0f6cbd,#60a5fa,#21a366)}.stat-label,.metric-label{color:var(--dm-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.stat-value,.metric-value{font-size:27px;font-weight:950;color:#101828;letter-spacing:-.03em}.stat-icon,.metric-icon{width:48px;height:48px;border-radius:17px;background:#eaf4ff;color:#0f6cbd;display:flex;align-items:center;justify-content:center;font-size:22px}.metric-card.success .metric-icon{background:#eaf8ee;color:#107c10}.metric-card.danger .metric-icon{background:#fff1f2;color:#d13438}.metric-card.warning .metric-icon{background:#fff8dc;color:#a56a00}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi-mini{border:1px solid var(--dm-line);border-radius:18px;background:#fff;padding:14px;box-shadow:0 10px 24px rgba(23,32,51,.05)}.kpi-mini .label{font-size:12px;color:var(--dm-muted);font-weight:800}.kpi-mini .value{font-size:21px;font-weight:950;color:#101828}.kpi-mini .trend{font-size:12px;margin-top:4px}
.card-soft{border:1px solid var(--dm-line);border-radius:24px;box-shadow:var(--dm-shadow);background:#fff;overflow:hidden}.card-soft>.card-header{background:linear-gradient(180deg,#fff,#f7faff);border-bottom:1px solid var(--dm-line);padding:15px 18px}.card-soft>.card-body{padding:18px}.panel-title{font-size:16px;font-weight:950;color:#111827;margin:0}.panel-subtitle{font-size:12px;color:var(--dm-muted);margin-top:3px}.table-responsive{border:1px solid var(--dm-line-2);border-radius:18px;overflow:auto;background:#fff}.table{margin-bottom:0}.table thead th{position:sticky;top:0;z-index:2;background:#f4f8fd!important;color:#334155;font-size:11px;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--dm-line);white-space:nowrap}.table td,.table th{vertical-align:middle;border-color:#eef3f8}.table tbody tr{transition:.12s ease}.table tbody tr:hover{background:#f8fbff}.table td:first-child,.table th:first-child{padding-left:16px}.table-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.record-title{font-weight:950;color:#111827}.record-sub{font-size:12px;color:var(--dm-muted)}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900;background:#eef4ff;color:#115ea3;border:1px solid #cfe3fb}.status-pill.success{background:#eaf8ee;color:#107c10;border-color:#c7ead0}.status-pill.danger{background:#fff1f2;color:#b42318;border-color:#ffd1d5}.status-pill.dark{background:#f2f4f7;color:#344054;border-color:#d0d5dd}.badge{border-radius:999px}.btn{border-radius:13px;font-weight:830}.btn-primary{background:#0f6cbd;border-color:#0f6cbd}.btn-primary:hover{background:#115ea3;border-color:#115ea3}.btn-success{background:#107c10;border-color:#107c10}.btn-danger{background:#d13438;border-color:#d13438}.btn-outline-primary{color:#0f6cbd;border-color:#8abff0}.btn-outline-primary:hover{background:#0f6cbd;border-color:#0f6cbd}.btn-soft{background:#f2f7ff;border:1px solid #d6e8fb;color:#115ea3}.btn-soft:hover{background:#e8f3ff;color:#0f6cbd}.export-bar{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.export-bar .btn{background:#fff}.form-control,.form-select{border-radius:14px;border-color:#cbd7e6;padding:.64rem .78rem}.form-control:focus,.form-select:focus{box-shadow:0 0 0 .2rem rgba(15,108,189,.12);border-color:#0f6cbd}.form-label{font-size:12px;color:#344054;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.input-group-text{border-color:#cbd7e6;background:#f7faff}.modal-content{border:0;border-radius:24px;box-shadow:var(--dm-shadow-strong)}.modal-header{background:linear-gradient(135deg,#fff,#eef6ff);border-bottom:1px solid var(--dm-line)}.drawer-modal .modal-dialog{max-width:760px;margin-right:0;margin-top:0;margin-bottom:0;height:100%}.drawer-modal .modal-content{min-height:100vh;border-radius:28px 0 0 28px}.ajax-panel{border:1px solid var(--dm-line);background:#fff;border-radius:18px;padding:14px}.ajax-panel-title{font-weight:950;font-size:15px;color:#111827;margin-bottom:10px}.search-result{border:1px solid var(--dm-line);border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 16px 38px rgba(23,32,51,.08)}.search-result button{width:100%;border:0;background:#fff;text-align:left;padding:13px;border-bottom:1px solid #eef2f7}.search-result button:hover{background:#f8fbff}.cart-line{border:1px solid #dbe4f0;border-radius:18px;padding:15px;margin-bottom:10px;background:linear-gradient(180deg,#fff,#fbfdff)}.loss-warning{background:#fff1f2;border:2px solid #ef4444;color:#991b1b;border-radius:20px;padding:16px;font-weight:850}.empty-state{border:1px dashed #c5d4e7;background:linear-gradient(135deg,#fbfdff,#f3f8ff);border-radius:20px;padding:24px;text-align:center;color:var(--dm-muted)}.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.section-tabs .tab-chip{border:1px solid var(--dm-line);background:#fff;border-radius:999px;padding:9px 13px;font-weight:850;color:#344054}.section-tabs .tab-chip.active{background:#0f6cbd;color:#fff;border-color:#0f6cbd}.insight-card{border:1px solid var(--dm-line);border-radius:22px;background:linear-gradient(135deg,#fff,#f6faff);padding:18px;box-shadow:var(--dm-shadow)}.progress-slim{height:8px;border-radius:999px;background:#e9eff7;overflow:hidden}.progress-slim span{display:block;height:100%;background:linear-gradient(90deg,#0f6cbd,#60a5fa);border-radius:999px}.mobile-records{display:none}
.login-premium{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(45,152,255,.42),transparent 30%),radial-gradient(circle at 86% 9%,rgba(33,163,102,.28),transparent 26%),linear-gradient(135deg,#030712,#092047 54%,#061525);position:relative;overflow:hidden}.login-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 35%,rgba(255,255,255,.05));pointer-events:none}.login-orbit{position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.10);border-radius:50%;right:-150px;bottom:-190px}.login-card{max-width:1080px;width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-radius:34px;box-shadow:0 34px 95px rgba(2,6,23,.38);overflow:hidden;position:relative}.login-hero{background:linear-gradient(180deg,#071426,#0d2d5b);color:#fff;padding:46px;min-height:100%;position:relative;overflow:hidden}.login-hero:after{content:"";position:absolute;right:-80px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.08)}.login-form-panel{padding:48px}.glass-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 12px;color:#dbeafe;font-size:13px;font-weight:850}.device-mock{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);border-radius:28px;padding:16px;margin-top:24px;box-shadow:0 26px 70px rgba(0,0,0,.24)}.device-mock .screen{background:rgba(255,255,255,.92);border-radius:20px;padding:16px;color:#111827}.scanner-box{position:relative;border-radius:24px;overflow:hidden;background:#020617;border:3px solid #0f6cbd;min-height:300px}.scanner-box video{width:100%;max-height:440px;object-fit:cover;display:block}.scanner-line{position:absolute;left:8%;right:8%;top:50%;height:3px;background:#22c55e;box-shadow:0 0 18px #22c55e}.count-status-draft{background:#eef4ff;color:#115ea3}.count-status-sent{background:#fff8dc;color:#946200}.count-status-finalized{background:#eaf8ee;color:#107c10}.mobile-only{display:none}
@media(max-width:1199px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-search{display:none}}
@media(max-width:991px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar-open .sidebar{transform:translateX(0)}.main-area{margin-left:0}.content-wrap{padding:16px}.topbar{padding:0 14px}.desktop-wide{display:none}.mobile-only{display:block}.page-head{border-radius:22px;padding:19px}.page-title{font-size:24px}.stat-value,.metric-value{font-size:22px}.command-left,.command-right{width:100%}.command-right .btn{flex:1}.quick-filter{width:100%}.drawer-modal .modal-dialog{max-width:100%;margin:0}.drawer-modal .modal-content{border-radius:0;min-height:100vh}.login-hero,.login-form-panel{padding:30px}.login-card{border-radius:26px}.table-responsive{font-size:13px}.sidebar-backdrop{display:block}.mobile-records{display:block}.mobile-hide{display:none}}
@media(max-width:575px){.kpi-grid{grid-template-columns:1fr}.page-actions{justify-content:stretch}.page-actions .btn{flex:1}.top-title span{display:none}.user-chip .small{display:none}.table-actions .btn,.table-actions form{width:100%}.scanner-box{min-height:230px}}
@media print{.no-print,.sidebar,.topbar,.command-bar,.page-actions,.export-bar{display:none!important}.main-area{margin-left:0}.content-wrap{padding:0}.page-head,.card-soft,.stat-card,.metric-card{box-shadow:none;border:0}.table{font-size:11px}body{background:#fff}}

/* v1.0.5 header/login refinements */
.top-admin-btn{white-space:nowrap}
.login-brand-focus{position:relative;z-index:2;padding-top:8px}
.login-dmg-logo{width:132px!important;height:104px!important;border-radius:30px!important;font-size:34px;margin-bottom:26px!important}
.login-brand-title{font-size:58px;line-height:.95;font-weight:950;letter-spacing:-.06em;color:#fff;text-shadow:0 16px 38px rgba(0,0,0,.28)}
.login-brand-subtitle{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:999px;padding:10px 16px;color:#dbeafe;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:1390px){.top-admin-btn{padding-left:.55rem;padding-right:.55rem}.top-admin-btn i{margin-right:0}.top-admin-btn{font-size:12px}}
@media(max-width:767px){.login-dmg-logo{width:112px!important;height:90px!important}.login-brand-title{font-size:44px}.login-brand-subtitle{font-size:12px}.top-admin-btn{font-size:0;padding:.4rem .55rem}.top-admin-btn i{font-size:15px}}