: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}}