@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#252525;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;--yellow: #ffd400;--yellow-soft: #fff7cc;--surface: #ffffff;--background: #f5f6f8;--sidebar: #eceef1;--text: #252525;--muted: #858991;--border: #e9eaed;--green: #238653;--radius: 16px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:11px;padding:12px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.18s ease}button:disabled{opacity:.6;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ffd40066;outline-offset:2px}.primary{background:var(--yellow);color:#252525}.primary:hover,.welcome-button:hover{background:#f0c900;transform:translateY(-1px)}.wide{width:100%;justify-content:center;margin:20px 0 12px}.outline{background:#fff;border:1px solid var(--border);margin-top:12px;color:#444}.outline:hover{background:#fafafa;border-color:#d5d7dc}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#fff4bd 0,transparent 34%),#f3f4f6}.login-card{background:#fff;width:min(420px,100%);padding:36px;border:1px solid #eee;border-radius:23px;box-shadow:0 18px 55px #2525250d}.logo{display:block;max-width:210px;max-height:75px;object-fit:contain;margin:0 auto 15px}.brand{text-align:center;font-size:25px;font-weight:900;letter-spacing:-.7px}.brand b{background:var(--yellow);padding:3px 7px;border-radius:5px}.login-card p,.login-card small{color:var(--muted);text-align:center}.login-card p{margin:10px 0 26px}.login-card small{display:block;font-size:11px}.login-card label,.panel label{display:block;font-weight:700;margin:15px 0 7px}.login-card input,.panel input,.panel select{width:100%;padding:13px 14px;border:1px solid #e1e3e7;border-radius:10px;background:#fff;color:var(--text)}.login-card input:focus,.panel input:focus,.panel select:focus{border-color:#e4c000;outline:3px solid #ffd40025}.shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--sidebar);border-right:1px solid #e3e5e9;color:var(--text);padding:24px 17px 18px;display:flex;flex-direction:column;z-index:20}.logoarea{padding:3px 9px 20px}.logoarea img{width:185px;max-height:65px;object-fit:contain;object-position:left center}.finlabel{display:inline-block;margin-top:12px;background:var(--yellow);color:#292929;border-radius:7px;padding:7px 10px;font-size:10px;letter-spacing:.7px;font-weight:900}.nav-caption{color:#969ba3;font-size:10px;font-weight:900;letter-spacing:1.2px;padding:17px 12px 10px}.sidebar nav{display:grid;gap:6px}.sidebar nav button,.logout{position:relative;width:100%;background:transparent;color:#656a73;text-align:left;justify-content:flex-start;padding:12px 13px;font-size:13px;font-weight:650;border-radius:10px}.sidebar nav button:hover,.logout:hover{background:#ffffffa6;color:#222}.sidebar nav button.selected{background:#fff;color:#222;box-shadow:0 3px 12px #2222220a}.sidebar nav button.selected svg{color:#b18f00}.nav-indicator{width:6px;height:6px;background:var(--yellow);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-account{display:flex;align-items:center;gap:10px;padding:13px 9px;border-top:1px solid #dfe1e5;margin-bottom:5px}.account-avatar,.user-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;font-weight:900;color:#343434}.account-info{min-width:0;display:grid;gap:3px}.account-info strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.account-info small{color:#858991;font-size:11px}.logout{font-size:12px}.main-content{margin-left:250px;padding:28px 34px 45px;max-width:1700px;min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px}.topbar-left{display:flex;align-items:center;gap:12px}.eyebrow{font-size:10px;color:#92969d;font-weight:800;letter-spacing:1.1px}.eyebrow span{color:#c3c5ca;padding:0 4px}h1{margin:7px 0 0;font-size:27px;letter-spacing:-.8px}.userpill{background:#fff;border:1px solid var(--border);border-radius:30px;padding:7px 13px 7px 7px;display:flex;align-items:center;gap:9px}.userpill strong{display:block;font-size:12px}.userpill span{display:block;color:#969aa1;font-size:9px;font-weight:800;letter-spacing:.6px;margin-top:3px}.user-avatar{width:33px;height:33px;flex-basis:33px;font-size:13px}.mobile-menu-button{display:none;background:#fff;border:1px solid var(--border);padding:9px}.welcome-banner{position:relative;overflow:hidden;min-height:205px;padding:30px 34px;background:linear-gradient(110deg,#fff8d8,#fff 76%);border:1px solid #f0e8c6;border-radius:19px;display:flex;justify-content:space-between;align-items:center}.welcome-tag{color:#a18a22;font-size:10px;font-weight:900;letter-spacing:1.2px}.welcome-banner h2{font-size:25px;margin:11px 0 7px;letter-spacing:-.6px}.welcome-banner p{color:#777b82;margin:0;line-height:1.6;max-width:520px}.welcome-button{background:var(--yellow);color:#292929;margin-top:18px;padding:11px 15px}.welcome-art{display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px 35px;color:#a48d25;font-size:10px;font-weight:900;letter-spacing:1px}.welcome-icon{width:112px;height:112px;border-radius:30px;display:grid;place-items:center;background:#ffed9a;color:#a58a12;transform:rotate(-7deg)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:27px 0 14px}.section-heading h2{margin:0;font-size:17px;letter-spacing:-.3px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:12px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.metric-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:19px 20px;box-shadow:0 3px 12px #22222205}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#777c84;font-size:12px;font-weight:650}.metric-icon,.quick-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center}.metric-icon.yellow,.quick-icon.yellow{background:#fff4c0;color:#a58b12}.metric-icon.gray,.quick-icon.gray{background:#edf0f3;color:#6d7783}.metric-icon.green,.quick-icon.green{background:#e5f5ec;color:#32845a}.metric-card>strong{display:block;margin-top:13px;font-size:29px;letter-spacing:-.8px}.metric-card>strong.metric-role{font-size:24px}.metric-card>small{display:block;color:#a0a3aa;font-size:11px;margin-top:5px}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.quick-card{background:#fff;border:1px solid var(--border);padding:16px;border-radius:14px;text-align:left;justify-content:flex-start;box-shadow:0 3px 12px #22222205}.quick-card:hover{border-color:#e8d36a;transform:translateY(-2px);box-shadow:0 7px 20px #2222220b}.quick-card>span{display:grid;gap:5px;flex:1;min-width:0}.quick-card strong{font-size:12px;color:#333}.quick-card small{font-size:10px;color:#999da4;font-weight:500}.quick-card>svg{color:#a5a8ae}.panel{margin-top:17px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 4px 18px #22222205}.panel h2{margin:0 0 8px;font-size:18px}.panel p{color:#777c84;line-height:1.65}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading p{margin:5px 0 0}.inventory-panel>label{margin-top:20px}.inventory-panel>select{max-width:100%}.scanrow{display:flex;gap:9px}.scanrow input{flex:1;min-width:0}.stock-heading{display:flex;justify-content:space-between;align-items:center;margin-top:25px;padding-bottom:10px;border-bottom:1px solid var(--border)}.stock-heading h3{margin:0;font-size:14px}.stock-heading span{color:var(--muted);font-size:11px}.stockgrid{margin-top:5px}.stockitem{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #f0f1f3}.stockitem span{font-weight:600}.stockitem b{background:#f0f1f3;border-radius:20px;padding:6px 10px;font-size:11px;white-space:nowrap}.video{width:100%;max-width:420px;display:block;margin-top:14px;border-radius:12px}.dashboard-note{display:flex;align-items:center;gap:13px;padding:16px 19px}.dashboard-note h3{font-size:13px;margin:0 0 4px}.dashboard-note p{margin:0;font-size:11px}.note-icon{width:39px;height:39px;flex:0 0 39px;display:grid;place-items:center;border-radius:11px;background:#e8f5ed;color:#32845a}.alert{background:#fff5ce;border:1px solid #f1e4aa;color:#695a1a;border-radius:10px;padding:12px 14px;margin:12px 0;cursor:pointer}.alert span{float:right;font-weight:900}.mobile-overlay{display:none}.approval-card{border:1px solid var(--border);border-radius:14px;padding:18px;margin-top:16px;background:#fff}.approval-head,.approval-actions,.expense-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.approval-card label{display:block;margin:12px 0 6px;font-weight:700}.expense-row{margin:10px 0}.expense-row input{flex:1;min-width:0}.status-pending,.status-approved,.status-rejected{display:inline-block;padding:6px 10px;border-radius:20px;font-size:11px;font-weight:800}.status-pending{background:#fff0b3;color:#7c6500}.status-approved{background:#d8f5df;color:#176b32}.status-rejected{background:#ffe0e0;color:#a32121}.approval-actions{justify-content:flex-start;margin-top:16px}.danger{background:#ffe5e5;color:#a32121}@media(max-width:1100px){.main-content{padding:25px 23px 40px}.quick-grid{grid-template-columns:1fr 1fr}.welcome-art{padding-right:10px}}@media(max-width:800px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:270px;min-height:100vh;transform:translate(-105%);transition:transform .22s ease;box-shadow:8px 0 35px #00000012}.sidebar.sidebar-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;width:100%;height:100%;border-radius:0;background:#20242b55}.main-content{margin-left:0;padding:19px 16px 35px}.mobile-menu-button{display:inline-flex}.topbar{margin-bottom:20px}h1{font-size:23px}.userpill{padding-right:9px}.userpill strong{max-width:85px;overflow:hidden;text-overflow:ellipsis}.welcome-banner{min-height:185px;padding:23px 20px}.welcome-banner h2{font-size:21px}.welcome-banner p{font-size:12px;max-width:390px}.welcome-art{padding:8px 0 8px 8px}.welcome-icon{width:76px;height:76px;border-radius:22px}.welcome-icon svg{width:37px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric-card{padding:15px}.metric-card:last-child{grid-column:1 / -1}.metric-card>strong{font-size:25px}.quick-grid{grid-template-columns:1fr}.quick-card{padding:13px}}@media(max-width:480px){.main-content{padding:15px 12px 28px}.topbar{align-items:center}.eyebrow{font-size:8px;letter-spacing:.7px}h1{font-size:20px}.userpill{gap:6px}.user-avatar{width:29px;height:29px;flex-basis:29px}.userpill strong{font-size:10px;max-width:65px}.userpill span{font-size:8px}.welcome-banner{padding:20px 16px}.welcome-banner h2{font-size:18px}.welcome-banner p{font-size:11px;max-width:230px}.welcome-art{display:none}.metrics{grid-template-columns:1fr 1fr}.metric-top{font-size:10px}.metric-icon{width:35px;height:35px;flex-basis:35px}.metric-card>strong{font-size:22px}.section-heading h2{font-size:15px}.panel{padding:16px}.scanrow{flex-direction:column}.scanrow button{width:100%}.login-card{padding:27px 22px}}:root{font-family:DM Sans,sans-serif;color:#24272d;background:#fafafa;--yellow: #facc15;--yellow-soft: #fffbea;--surface: #ffffff;--background: #fafafa;--sidebar: #ffffff;--text: #24272d;--muted: #92969e;--border: #eeeeef;--green: #27845b;--radius: 12px}body{background:#fafafa;font-family:DM Sans,sans-serif;font-size:13px;letter-spacing:-.1px}button{border-radius:8px;font-weight:600;box-shadow:none!important;transition:background .18s ease,border-color .18s ease}button:hover{transform:none!important}.primary,.welcome-button{background:#facc15;color:#242424;border-radius:8px;font-weight:600}.primary:hover,.welcome-button:hover{background:#e9bb08}.sidebar{width:232px;background:#fff;border-right:1px solid #eeeeef;padding:25px 16px 18px}.logoarea{padding:3px 9px 27px}.logoarea img{width:150px;max-height:52px}.finlabel{display:none}.nav-caption{font-size:10px;font-weight:600;letter-spacing:.8px;color:#a0a3aa;padding:10px 12px}.sidebar nav{gap:3px}.sidebar nav button,.logout{color:#777d86;font-size:12px;font-weight:500;padding:11px 12px;border-radius:8px}.sidebar nav button:hover,.logout:hover{background:#f7f7f7;color:#292d33}.sidebar nav button.selected{background:#fffbea;color:#292d33;box-shadow:none;font-weight:600}.sidebar nav button.selected svg{color:#b18b00}.nav-indicator{width:5px;height:5px;background:#e8bd13}.sidebar-account{border-top:1px solid #eeeeef}.account-avatar,.user-avatar{background:#facc15;color:#282828;font-weight:600}.main-content{margin-left:232px;padding:30px 38px 48px;max-width:none;background:#fafafa}.topbar{margin-bottom:30px}.eyebrow{font-size:10px;color:#a0a3aa;font-weight:500;letter-spacing:.7px}h1{font-size:23px;font-weight:600;letter-spacing:-.8px;color:#24272d}.userpill{border:1px solid #eeeeef;background:#fff;border-radius:9px;padding:6px 11px}.user-avatar{width:30px;height:30px;flex-basis:30px;font-size:12px}.userpill strong{font-size:11px;font-weight:600}.userpill span{font-size:9px;font-weight:500}.welcome-banner{min-height:0;padding:25px 27px;background:#fff;border:1px solid #eeeeef;border-radius:12px}.welcome-tag{color:#a0a3aa;font-size:9px;font-weight:600;letter-spacing:.8px}.welcome-banner h2{font-size:21px;font-weight:600;letter-spacing:-.6px;margin:10px 0 5px}.welcome-banner p{font-size:12px;color:#858991}.welcome-button{margin-top:14px;padding:9px 13px;font-size:11px}.welcome-art{display:none}.section-heading{margin:30px 0 13px}.section-heading h2{font-size:14px;font-weight:600;letter-spacing:-.2px}.section-heading p{font-size:11px;color:#999da4}.metrics{gap:13px}.metric-card{padding:18px 19px;border:1px solid #eeeeef;border-radius:11px;box-shadow:none}.metric-top{font-size:11px;color:#858991;font-weight:500}.metric-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}.metric-icon.yellow,.quick-icon.yellow{background:#fffbea;color:#a58b12}.metric-icon.gray,.quick-icon.gray{background:#f3f4f5;color:#747b85}.metric-icon.green,.quick-icon.green{background:#f0f7f2;color:#39815c}.metric-card>strong{font-size:27px;font-weight:600;letter-spacing:-.8px;margin-top:15px}.metric-card>strong.metric-role{font-size:20px}.metric-card>small{font-size:10px;color:#a0a3aa}.quick-grid{gap:12px}.quick-card{border:1px solid #eeeeef;border-radius:10px;padding:14px;box-shadow:none;background:#fff}.quick-card:hover{background:#fffefa;border-color:#e9d77e;box-shadow:none}.quick-card strong{font-size:11px;font-weight:600}.quick-card small{font-size:10px;color:#969aa1}.quick-icon{width:35px;height:35px;flex-basis:35px;border-radius:9px}.dashboard-note{border-radius:10px;border:1px solid #eeeeef;box-shadow:none;background:#fff}.panel{border:1px solid #eeeeef;border-radius:11px;box-shadow:none;padding:23px}.panel h2{font-size:16px;font-weight:600}.panel p{font-size:12px}.panel label,.approval-card label{font-size:12px;font-weight:600}.panel input,.panel select,.login-card input{border-radius:8px;border-color:#e8e9eb;font-size:12px}.outline{border-radius:8px;font-weight:500}.stockitem{font-size:12px}.stockitem b{background:#f6f6f6;font-weight:600}.approval-card{border-radius:10px;box-shadow:none}.status-pending,.status-approved,.status-rejected{font-weight:600}.login{background:#fafafa}.login-card{border:1px solid #eeeeef;border-radius:14px;box-shadow:0 8px 30px #00000008}.brand{font-size:22px;font-weight:700}.login-card label{font-size:12px;font-weight:600}.alert{border-radius:8px;font-size:12px}@media(max-width:1100px){.main-content{padding:25px 24px 40px}}@media(max-width:800px){.sidebar{width:270px}.main-content{margin-left:0;padding:20px 16px 35px}.welcome-banner{padding:22px}}@media(max-width:480px){.main-content{padding:16px 12px 28px}.welcome-banner h2{font-size:18px}.metrics{gap:9px}.metric-card{padding:13px}}.minimal-dashboard{max-width:1180px;margin:0 auto}.dashboard-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 27px;border-bottom:1px solid #ededee}.intro-label{color:#a0a3aa;font-size:10px;font-weight:600;letter-spacing:1px}.dashboard-intro h2{margin:9px 0 5px;font-size:23px;font-weight:600;letter-spacing:-.7px;color:#24272d}.dashboard-intro p{margin:0;color:#92969e;font-size:12px}.dashboard-action{padding:10px 14px;background:#facc15;color:#282828;font-size:11px;border-radius:8px;white-space:nowrap}.minimal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.minimal-stat{padding:19px 20px;background:#fff;border:1px solid #ededee;border-radius:10px}.minimal-stat-label{display:flex;align-items:center;justify-content:space-between;color:#888d96;font-size:11px;font-weight:500}.minimal-stat-label svg{color:#a0a3aa;stroke-width:1.7}.minimal-stat>strong{display:block;margin-top:19px;color:#25282e;font-size:28px;font-weight:600;letter-spacing:-1px}.minimal-stat>strong.account-role{font-size:21px}.minimal-stat>small{display:block;margin-top:5px;color:#a0a3aa;font-size:10px}.minimal-quick-section{margin-top:34px}.minimal-section-title{margin-bottom:14px}.minimal-section-title h3{margin:0;color:#282b31;font-size:14px;font-weight:600}.minimal-section-title p{margin:5px 0 0;color:#999da4;font-size:11px}.minimal-quick-list{overflow:hidden;background:#fff;border:1px solid #ededee;border-radius:10px}.minimal-quick-list button{width:100%;display:flex;justify-content:flex-start;align-items:center;gap:13px;padding:14px 17px;text-align:left;background:#fff;border-radius:0;border-bottom:1px solid #f0f0f1}.minimal-quick-list button:last-child{border-bottom:0}.minimal-quick-list button:hover{background:#fafafa}.minimal-quick-icon{width:35px;height:35px;display:grid;place-items:center;flex:0 0 35px;color:#777d86;background:#f5f5f5;border-radius:9px}.minimal-quick-text{flex:1;display:grid;gap:4px}.minimal-quick-text strong{color:#33363c;font-size:11px;font-weight:600}.minimal-quick-text small{color:#999da4;font-size:10px;font-weight:400}.minimal-quick-list button>svg{color:#b5b7bc}@media(max-width:800px){.minimal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.minimal-stat:last-child{grid-column:1 / -1}.dashboard-intro h2{font-size:19px}}@media(max-width:480px){.dashboard-intro{align-items:flex-start;padding-bottom:20px}.dashboard-action{padding:9px;font-size:10px}.minimal-stats{gap:9px;margin-top:17px}.minimal-stat{padding:14px}.minimal-stat>strong{font-size:23px}.minimal-quick-section{margin-top:26px}.minimal-quick-list button{padding:12px}}:root{color-scheme:dark;--yellow: #facc15;--yellow-soft: #3b341c;--surface: #24272d;--background: #191b20;--sidebar: #202329;--text: #f3f4f6;--muted: #a0a5ae;--border: #353941;--green: #56c58a;--radius: 12px}body{background:#191b20;color:#f3f4f6}.shell,.main-content{background:#191b20}.sidebar{background:#202329;border-right:1px solid #353941;color:#f3f4f6}.logoarea img{background:#fff;border-radius:7px;padding:5px}.nav-caption,.eyebrow{color:#858b96}.sidebar nav button,.logout{color:#aeb3bc}.sidebar nav button:hover,.logout:hover{background:#2c3038;color:#fff}.sidebar nav button.selected{background:#39331e;color:#facc15}.sidebar nav button.selected svg{color:#facc15}.nav-indicator{background:#facc15}.sidebar-account{border-color:#353941}.account-info strong,.userpill strong{color:#f3f4f6}.account-info small,.userpill span{color:#a0a5ae}.account-avatar,.user-avatar{background:#facc15;color:#242424}.main-content,h1,h2,h3,strong{color:#f3f4f6}.userpill{background:#24272d;border-color:#353941}.dashboard-intro{border-color:#353941}.dashboard-intro h2{color:#f5f5f5}.dashboard-intro p,.minimal-section-title p,.section-heading p{color:#a0a5ae}.intro-label{color:#facc15}.dashboard-action,.primary,.welcome-button{background:#facc15;color:#252525}.dashboard-action:hover,.primary:hover,.welcome-button:hover{background:#e8ba0c}.minimal-stat,.metric-card,.panel,.approval-card,.dashboard-note{background:#24272d;border-color:#353941;color:#f3f4f6;box-shadow:none}.minimal-stat-label,.metric-top{color:#aeb3bc}.minimal-stat-label svg,.metric-icon.gray{color:#aeb3bc}.minimal-stat>strong{color:#fff}.minimal-stat>small,.metric-card>small{color:#9299a4}.minimal-section-title h3{color:#f3f4f6}.minimal-quick-list{background:#24272d;border-color:#353941}.minimal-quick-list button{background:#24272d;border-color:#353941;color:#f3f4f6}.minimal-quick-list button:hover{background:#2c3038}.minimal-quick-icon{background:#343841;color:#facc15}.minimal-quick-text strong{color:#f3f4f6}.minimal-quick-text small{color:#a0a5ae}.minimal-quick-list button>svg{color:#858b96}.metric-icon.yellow,.quick-icon.yellow{background:#3b341c;color:#facc15}.metric-icon.gray,.quick-icon.gray{background:#343841;color:#c0c5ce}.metric-icon.green,.quick-icon.green{background:#1f3b30;color:#68ca96}.panel p,.dashboard-note p{color:#a0a5ae}.panel label,.approval-card label{color:#d5d8de}.panel input,.panel select,.login-card input{background:#1c1f25;color:#f3f4f6;border-color:#424751}.panel input::placeholder,.login-card input::placeholder{color:#777e89}.panel input:focus,.panel select:focus,.login-card input:focus{border-color:#d6b31b;outline:2px solid #facc1522}.outline{background:#30343c;color:#e6e8ec;border-color:#424751}.outline:hover{background:#393e47;border-color:#555c68}.stock-heading{border-color:#353941}.stock-heading span,.stockitem span{color:#d9dce2}.stockitem{border-color:#353941}.stockitem b{background:#353941;color:#f3f4f6}.alert{background:#3b341c;border-color:#65551d;color:#f8dc68}.dashboard-note{border-color:#353941}.note-icon{background:#1f3b30;color:#68ca96}.status-pending{background:#4a3d16;color:#f8dc68}.status-approved{background:#1f3b30;color:#79d9a3}.status-rejected,.danger{background:#48282b;color:#ff9298}.login{background:#191b20}.login-card{background:#24272d;border-color:#353941;color:#f3f4f6}.login-card p,.login-card small{color:#a0a5ae}.login-card label{color:#e0e2e7}.brand{color:#fff}.brand b{background:#facc15;color:#252525}@media(max-width:800px){.sidebar{background:#202329;box-shadow:8px 0 35px #0005}.mobile-menu-button{background:#24272d;color:#f3f4f6;border-color:#353941}.mobile-overlay{background:#0008}}.logoarea{padding:8px 5px 28px}.logoarea img{display:block;width:190px;max-width:100%;height:auto;max-height:none;object-fit:contain;padding:0;background:transparent;border-radius:0}.login-card .logo{width:220px;max-width:100%;max-height:none;height:auto;object-fit:contain;background:transparent}@media(max-width:800px){.logoarea img{width:190px}}.sales-page{display:grid;gap:18px}.sales-form-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(120px,1fr) auto;gap:16px;align-items:end;margin-top:18px}.sales-form-grid>div{min-width:0}.sales-form-grid input,.sales-form-grid select{width:100%;min-height:45px}.sales-add-wrap button{min-height:45px;white-space:nowrap}.sales-empty{padding:30px 15px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px;margin-top:18px}.sales-cart-list{margin-top:18px}.sales-cart-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:15px 0;border-bottom:1px solid var(--border)}.sales-cart-row>div{display:grid;gap:5px}.sales-cart-row small,.sales-note{color:var(--muted)}.sales-remove{border:1px solid var(--border);color:#f87171;background:transparent;padding:8px 12px;border-radius:8px;cursor:pointer}.sales-total{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 0 10px;font-size:17px}.sales-total strong{color:var(--yellow);font-size:22px}.sales-note{display:block;line-height:1.6}.sales-submit{min-height:48px;width:100%;margin-top:22px}.sales-submit:disabled{opacity:.45;cursor:not-allowed}.sales-success{border:1px solid var(--yellow)}.sales-success h2{color:var(--yellow)}.sales-success p{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border);padding:8px 0}@media(max-width:700px){.sales-form-grid{grid-template-columns:1fr}.sales-add-wrap button{width:100%}.sales-cart-row{grid-template-columns:minmax(0,1fr) auto}.sales-remove{grid-column:1 / -1;justify-self:start}.sales-total strong{font-size:18px}}