:root{--bs-primary:#6c5ce7;--bs-primary-rgb:108,92,231;--brand:#6c5ce7;--brand-dark:#5142c4;--ink:#1d2333;--muted:#77819a;--canvas:#f5f6fb;--line:#e8eaf2;--sidebar:#15182b;--success:#14b87a;--danger:#ec5b67}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Nunito Sans,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.app-sidebar{position:fixed;inset:0 auto 0 0;width:264px;background:linear-gradient(180deg,#171a30,#111426);color:#fff;padding:24px 18px;z-index:1040;display:flex;flex-direction:column;box-shadow:12px 0 40px #14182d14}.brand-lockup{height:50px;display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#8578f5,#5d4ad5);display:grid;place-items:center;box-shadow:0 8px 24px #6c5ce766;font-weight:900;font-size:21px;transform:rotate(-5deg)}.brand-mark span{transform:rotate(5deg)}.brand-name{font-weight:900;letter-spacing:.7px;font-size:17px}.brand-subtitle{font-size:8px;letter-spacing:2.4px;color:#979db8;margin-top:1px}.sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff;font-size:28px}.workspace-card{display:flex;align-items:center;gap:11px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;margin:23px 1px}.workspace-icon{width:34px;height:34px;border-radius:10px;background:#6c5ce747;color:#bdb6ff;display:grid;place-items:center;font-weight:800}.workspace-card small,.workspace-card strong{display:block}.workspace-card small{font-size:10px;color:#858ca8;text-transform:uppercase;letter-spacing:.8px}.workspace-card strong{font-size:12px;margin-top:2px}.workspace-chevron{margin-left:auto;color:#7f86a0}.nav-caption{font-size:9px;letter-spacing:1.8px;color:#626982;margin:7px 12px 10px}.app-navigation{display:grid;gap:6px}.nav-entry{position:relative;display:flex;align-items:center;gap:13px;padding:12px 13px;border-radius:12px;color:#aeb4c9;text-decoration:none;font-size:13px;font-weight:650;transition:.2s ease}.nav-entry svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-entry:hover{color:#fff;background:#ffffff0d}.nav-entry.active{color:#fff;background:linear-gradient(100deg,#6c5ce752,#6c5ce714);box-shadow:inset 3px 0 var(--brand)}.nav-entry.active svg{color:#9f94ff}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#8b7cf6;opacity:0}.nav-entry.active .nav-dot{opacity:1}.sidebar-status{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff0a;border-radius:12px}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:11px}.sidebar-status small{color:#777f9a;font-size:9px}.status-pulse{width:9px;height:9px;border-radius:50%;background:#2bd99f;box-shadow:0 0 0 5px #2bd99f1a}.app-main{margin-left:264px;min-height:100vh;display:flex;flex-direction:column}.app-header{height:78px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:0 32px;display:flex;align-items:center;position:sticky;top:0;z-index:1020}.menu-trigger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px}.menu-trigger span{display:block;height:2px;background:#43495c;margin:4px;border-radius:2px}.header-date small,.header-date strong{display:block}.header-date small{font-size:11px;color:#969db0}.header-date strong{font-size:13px;margin-top:2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:17px}.language-switch{display:flex;background:#f0f1f7;border-radius:10px;padding:3px}.language-switch button{border:0;background:transparent;color:#8b92a6;font-size:10px;font-weight:800;padding:6px 9px;border-radius:8px}.language-switch button.active{background:#fff;color:var(--brand);box-shadow:0 2px 8px #262a401a}.user-chip{display:flex;align-items:center;gap:10px}.user-avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#efeaff,#dcd6ff);color:var(--brand);display:grid;place-items:center;font-size:12px;font-weight:900}.user-copy strong,.user-copy small{display:block}.user-copy strong{font-size:12px}.user-copy small{font-size:10px;color:#959bad;margin-top:2px}.logout-button{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:#8a91a5}.logout-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.logout-button:hover{color:var(--danger);border-color:#ffd8dc}.app-content{padding:30px 32px;flex:1}.app-footer{padding:18px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#9aa0b1;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px}.page-heading h2,.page-heading h3{font-size:24px;font-weight:800;margin:0 0 7px;letter-spacing:-.4px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.eyebrow{font-size:10px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px}.card{border:1px solid rgba(229,231,240,.9);border-radius:17px;box-shadow:0 7px 24px #2027440b;overflow:hidden}.card-header{background:#fff;border-bottom:1px solid var(--line);padding:19px 21px}.card-body{padding:21px}.stat-card{position:relative;overflow:hidden;min-height:138px}.stat-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--stat-color,#6c5ce7);opacity:.055;right:-18px;top:-20px}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--stat-color,#6c5ce7) 12%,white);color:var(--stat-color,#6c5ce7);margin-bottom:16px}.stat-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.stat-label{color:#8b92a6;font-size:11px;font-weight:650;margin-bottom:5px}.stat-value{font-size:27px;font-weight:850;letter-spacing:-.6px}.stat-trend{font-size:9px;color:var(--success);font-weight:700}.btn{border-radius:10px;font-weight:700;font-size:12px;padding:9px 15px}.btn-sm{padding:6px 10px;font-size:10px}.btn-primary{background:linear-gradient(135deg,#7768ec,#6251d7);border-color:transparent;box-shadow:0 6px 15px #6c5ce733}.btn-primary:hover{background:linear-gradient(135deg,#6858df,#5040bd);transform:translateY(-1px)}.btn-light{background:#f2f3f8;border-color:#eceef4;color:#60687d}.form-control,.form-select{border:1px solid #e2e5ee;border-radius:10px;min-height:42px;font-size:12px;padding:9px 12px}.form-control:focus,.form-select:focus{border-color:#9d91ef;box-shadow:0 0 0 3px #6c5ce71a}.form-label,label{font-size:11px;font-weight:700;color:#5f6679;margin-bottom:7px}.table{font-size:12px}.table>:not(caption)>*>*{padding:13px 12px;border-color:#eef0f5}.table thead th{font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#969cad;font-weight:800;background:#fafafe}.table tbody tr{transition:.15s}.table tbody tr:hover{background:#fafaff}.badge{border-radius:20px;padding:6px 9px;font-size:9px;font-weight:800}.badge-light-success{background:#e8faf3;color:#0c9b67}.badge-light-danger{background:#fff0f1;color:#db4f5b}.nav-tabs{gap:6px}.nav-tabs .nav-link{border:0!important;border-radius:9px 9px 0 0;color:#7d8497;font-size:11px;font-weight:750;padding:10px 14px}.nav-tabs .nav-link.active{background:#f0edff;color:var(--brand)}.alert{border:0;border-radius:12px;font-size:12px}.empty-state{text-align:center;padding:42px 20px;color:#979dae}.empty-state-icon{width:54px;height:54px;border-radius:17px;background:#f0edff;color:var(--brand);display:grid;place-items:center;margin:0 auto 13px;font-size:22px}.auth-shell{min-height:100vh;background:#f4f3fa;display:grid;grid-template-columns:1.05fr .95fr}.auth-visual{position:relative;overflow:hidden;padding:70px;background:linear-gradient(145deg,#171a31,#292451 55%,#5a49cd 140%);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.auth-visual:before,.auth-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09)}.auth-visual:before{width:480px;height:480px;right:-180px;top:-140px}.auth-visual:after{width:320px;height:320px;left:-150px;bottom:-130px}.auth-brand{position:relative;display:flex;align-items:center;gap:12px}.auth-copy{position:relative;max-width:540px}.auth-copy h1{font-size:43px;line-height:1.12;font-weight:850;letter-spacing:-1.4px;margin-bottom:18px}.auth-copy p{font-size:15px;line-height:1.8;color:#c5c4db;max-width:470px}.auth-metrics{position:relative;display:flex;gap:32px}.auth-metrics div{padding-left:12px;border-left:2px solid rgba(151,139,255,.65)}.auth-metrics strong,.auth-metrics small{display:block}.auth-metrics strong{font-size:18px}.auth-metrics small{font-size:9px;color:#a8a7be;text-transform:uppercase;letter-spacing:1px}.auth-form-panel{display:grid;place-items:center;padding:50px}.auth-form{width:min(410px,100%)}.auth-form h2{font-size:29px;font-weight:850;letter-spacing:-.7px}.auth-form .form-control{min-height:49px}.sidebar-backdrop{display:none}.search-box{position:relative}.search-box input{padding-left:38px}.search-box:before{content:"⌕";position:absolute;left:14px;top:7px;font-size:21px;color:#9ca2b2;z-index:1}.section-title{font-size:15px;font-weight:800;margin:0}.section-hint{color:#9298a9;font-size:11px;margin-top:4px}.quick-action{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);transition:.2s}.quick-action:hover{border-color:#cfc8fa;transform:translateY(-2px);box-shadow:0 7px 18px #322d5f12}.quick-action-icon{width:38px;height:38px;border-radius:11px;background:#f0edff;color:var(--brand);display:grid;place-items:center;font-weight:900}.sidebar-backdrop{position:fixed;inset:0;background:#090b1880;z-index:1030;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:991.98px){.app-sidebar{transform:translate(-105%);transition:.25s ease}.app-sidebar.is-open{transform:translate(0)}.sidebar-close,.menu-trigger,.sidebar-backdrop{display:block}.app-main{margin-left:0}.app-header{padding:0 18px;gap:13px}.header-date{display:none}.app-content{padding:22px 17px}.app-footer{padding:16px 18px}.user-copy{display:none}.page-heading{flex-direction:column}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-panel{padding:28px;min-height:100vh}}@media(max-width:575.98px){.app-header{height:68px}.header-actions{gap:8px}.user-chip{display:none}.app-content{padding:18px 12px}.page-heading h2,.page-heading h3{font-size:21px}.card-body{padding:16px}.app-footer span:last-child{display:none}.language-switch button{padding:5px 7px}}.stock-opname-guide{display:flex;align-items:center;padding:18px 20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 7%,var(--card-bg,#fff)),var(--card-bg,#fff));box-shadow:0 7px 24px #2027440a}.stock-opname-guide>div{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.stock-opname-guide b{flex:0 0 34px;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:var(--brand);color:#fff}.stock-opname-guide span,.stock-opname-guide strong,.stock-opname-guide small{display:block}.stock-opname-guide strong{font-size:12px}.stock-opname-guide small{font-size:10px;color:var(--muted);margin-top:2px}.stock-opname-guide>i{width:40px;height:1px;background:var(--line);margin:0 12px}.stock-opname-toolbar{display:flex;gap:12px;justify-content:space-between}.stock-opname-toolbar .search-box{width:min(430px,100%)}.stock-opname-toolbar .form-select{width:180px}.icon-action{width:36px;height:36px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--card-bg,#fff);color:var(--ink);transition:.18s}.icon-action:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand) 45%,var(--line));color:var(--brand)}.icon-action.is-primary{color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--card-bg,#fff))}.icon-action.is-success{color:#0b9d69;background:color-mix(in srgb,#14b87a 10%,var(--card-bg,#fff))}.icon-action.is-danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 8%,var(--card-bg,#fff))}.stock-count-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.stock-count-head,.stock-count-row{display:grid;grid-template-columns:minmax(210px,2fr) .65fr .85fr .7fr minmax(170px,1.3fr);gap:14px;align-items:center;padding:12px 14px}.stock-count-head{background:color-mix(in srgb,var(--brand) 5%,var(--card-bg,#fff));font-size:9px;font-weight:800;color:var(--muted);letter-spacing:.7px;text-transform:uppercase}.stock-count-row{border-top:1px solid var(--line);font-size:12px}.stock-count-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.stock-count-row .form-control{min-height:38px}.stock-count-row>strong:nth-child(4){font-variant-numeric:tabular-nums}@media(max-width:767.98px){.stock-opname-guide{align-items:stretch;flex-direction:column;gap:12px}.stock-opname-guide>i{width:1px;height:15px;margin:0 0 0 17px}.stock-opname-toolbar{flex-direction:column}.stock-opname-toolbar .form-select{width:100%}.stock-count-table{border:0;overflow:visible}.stock-count-head{display:none}.stock-count-row{grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:13px;margin-bottom:10px}.stock-count-row>div:first-child,.stock-count-row>span:last-child,.stock-count-row>input:last-child{grid-column:1/-1}}