@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,Inter,system-ui,sans-serif;color:#20211f;background:#f6f7f8;font-synthesis:none;--orange: #ff5c35;--orange-dark: #e84621;--orange-soft: #fff1ec;--ink: #1e201d;--muted: #737874;--line: #e8eae7;--surface: #fff;--green: #159a5b;--green-soft: #eaf8f0;--amber: #d98a00;--amber-soft: #fff6dd;--red: #d83d3d;--red-soft: #fff0ef;--blue: #236bd8;--blue-soft: #edf4ff;--purple: #7156c9;--shadow: 0 10px 35px rgba(34, 39, 33, .07)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand strong{font-family:Manrope,DM Sans,sans-serif}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,92,53,.22);outline-offset:2px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#ff7655,#f0441b);color:#fff;font:800 17px Manrope;box-shadow:0 6px 14px #ff5c353b}.brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.brand strong{font-size:15px;letter-spacing:-.3px}.brand small{color:var(--muted);font-size:9px;margin-top:4px;letter-spacing:.4px;text-transform:uppercase}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:10px 16px;font-weight:700;font-size:13px;transition:.18s ease;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed}.button-primary{background:var(--orange);color:#fff;box-shadow:0 6px 16px #ff5c352e}.button-primary:hover:not(:disabled){background:var(--orange-dark);box-shadow:0 8px 20px #ff5c3540}.button-secondary{border-color:var(--line);background:#fff;color:var(--ink)}.button-secondary:hover:not(:disabled),.button-ghost:hover:not(:disabled){background:#f5f6f5}.button-ghost{background:transparent;color:#676b67}.button-danger{color:var(--red);background:var(--red-soft);border-color:#ffd5d1}.button-danger:hover:not(:disabled){background:#ffe2df}.button-dark{background:#242622;color:#fff}.button-block{width:100%}.icon-button{width:38px;height:38px;padding:0;border:1px solid var(--line);background:#fff;border-radius:10px;display:inline-grid;place-items:center;color:#60645f}.icon-button:hover{background:#f7f8f7;color:var(--ink)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--orange);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.15px}.search-box{min-height:42px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 13px;color:#9a9e99}.search-box:focus-within{border-color:#ffc0af;box-shadow:0 0 0 3px var(--orange-soft)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.search-box input::placeholder{color:#a7aaa6}.category-pills{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}.category-pills button{padding:8px 14px;border:1px solid var(--line);background:#fff;border-radius:8px;color:#666b66;font-size:12px;white-space:nowrap}.category-pills button.active{border-color:var(--orange);background:var(--orange);color:#fff;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding:24px;display:grid;place-items:center;background:#16181580;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease}.modal{width:min(500px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:18px;box-shadow:0 30px 90px #00000038;animation:modal-in .2s ease}.modal-wide{width:min(860px,100%)}.modal-header{padding:21px 22px 17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0 0 4px;font-size:19px}.modal-header p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.modal-body{padding:20px 22px 22px}.modal-actions{display:flex;justify-content:flex-end;gap:9px}@keyframes fade{0%{opacity:0}}@keyframes modal-in{0%{transform:translateY(8px) scale(.985);opacity:0}}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#424642}.field>span small{color:#999d99;font-weight:500;margin-left:4px}.field input,.field select,.field textarea,.form-stack>input{width:100%;padding:11px 12px;min-height:43px;border:1px solid var(--line);border-radius:9px;outline:0;color:var(--ink);background:#fff;resize:vertical;font-size:13px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ffb7a5;box-shadow:0 0 0 3px var(--orange-soft)}.form-stack{display:flex;flex-direction:column;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-error{padding:10px 12px;margin:0;background:var(--red-soft);color:var(--red);border-radius:8px;font-size:12px;line-height:1.45}.inline-error{margin:0 0 16px;padding:10px 13px;background:var(--red-soft);color:var(--red);border-radius:8px;font-size:12px}.back-inline{display:inline-flex;align-items:center;gap:6px;color:#70746f;font-size:12px;font-weight:600;border:0;background:transparent;padding:0}.empty-state{min-height:220px;display:grid;place-items:center;align-content:center;text-align:center;padding:26px}.empty-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:#f4f5f3;color:#858a84;margin-bottom:14px}.empty-state h3{font-size:15px;margin:0 0 6px}.empty-state p{margin:0 0 16px;max-width:300px;color:var(--muted);line-height:1.5;font-size:12px}.error-state{min-height:150px;padding:20px;display:flex;align-items:center;justify-content:center;gap:14px;color:var(--red);background:#fffaf9;border:1px solid #ffe2df;border-radius:12px}.error-state strong{font-size:13px}.error-state p{margin:3px 0 0;color:#8b706d;font-size:12px}.error-state .button{margin-left:12px}.skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skeleton-card{height:180px;padding:14px;border:1px solid #eff0ee;border-radius:12px;background:#fff}.skeleton-card span,.skeleton-card i,.skeleton-card b{display:block;border-radius:7px;background:linear-gradient(90deg,#f1f2f0,#fafafa,#f1f2f0);background-size:200% 100%;animation:shimmer 1.4s infinite}.skeleton-card span{height:105px}.skeleton-card i{height:10px;width:70%;margin-top:12px}.skeleton-card b{height:9px;width:45%;margin-top:8px}@keyframes shimmer{to{background-position:-200% 0}}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap;color:#636762;background:#f2f3f2}.status-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-waiting-payment,.status-pending{color:#a56a00;background:var(--amber-soft)}.status-preparing{color:var(--orange-dark);background:var(--orange-soft)}.status-ready,.status-approved{color:var(--green);background:var(--green-soft)}.status-served,.status-ordered{color:var(--blue);background:var(--blue-soft)}.status-cancelled,.status-rejected{color:var(--red);background:var(--red-soft)}.portal-home{min-height:100vh;padding:0 clamp(24px,6vw,90px) 60px;background:radial-gradient(circle at 80% 10%,#ffe9e1,transparent 30%),#fbfaf8}.portal-home nav{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.06)}.portal-home nav>span{padding:7px 10px;border-radius:99px;background:var(--green-soft);color:var(--green);font-size:10px;font-weight:700}.portal-home>header{max-width:690px;text-align:center;margin:70px auto 42px}.portal-home h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2.3px;line-height:1.08;margin:14px 0}.portal-home>header p{color:var(--muted);font-size:16px}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1220px;margin:0 auto}.portal-card{min-height:275px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#ffffffdb;display:flex;flex-direction:column;box-shadow:0 8px 30px #2724200a;transition:.22s ease}.portal-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffd3c6}.portal-card>span{width:48px;height:48px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);border-radius:14px;margin-bottom:24px}.portal-card>small{color:#9a9e99;text-transform:uppercase;letter-spacing:.8px;font-size:9px;font-weight:700}.portal-card h2{margin:7px 0;font-size:19px}.portal-card p{color:var(--muted);line-height:1.55;font-size:12px}.portal-card b{margin-top:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--orange)}.portal-card.kitchen>span{background:#fff4da;color:#d18000}.portal-card.cashier>span{background:var(--green-soft);color:var(--green)}.portal-card.procurement>span{background:var(--blue-soft);color:var(--blue)}.product-grid{display:grid;gap:13px}.product-card{min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;transition:.18s ease;animation:card-in .25s ease both}.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1f231f14;border-color:#dddeda}@keyframes card-in{0%{opacity:0;transform:translateY(5px)}}.product-image{position:relative;aspect-ratio:1.35;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#fff9f5,#f4eee8)}.product-image img{width:100%;height:100%;object-fit:cover}.product-image>span{font-size:50px;filter:drop-shadow(0 7px 8px rgba(0,0,0,.12));transform:rotate(-5deg)}.quantity-badge{position:absolute;right:9px;top:9px;min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;color:#fff;background:var(--orange);border-radius:99px;font-size:10px;box-shadow:0 3px 8px #ff5c354d}.product-info{padding:11px}.product-info>small{font-size:9px;color:#989c97;text-transform:uppercase;letter-spacing:.55px}.product-info h3{font-family:DM Sans;font-size:12px;line-height:1.35;margin:4px 0 12px;height:32px;overflow:hidden}.product-info>div{display:flex;align-items:center;justify-content:space-between}.product-info strong{color:var(--orange-dark);font-size:11px}.product-info button{width:27px;height:27px;display:grid;place-items:center;padding:0;border:0;color:#fff;background:var(--orange);border-radius:8px}.product-info button:hover{background:var(--orange-dark);transform:scale(1.05)}.cart-lines{display:flex;flex-direction:column;gap:6px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line-main{display:flex;flex-direction:column;min-width:0}.cart-line-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line-main small{color:var(--muted);font-size:10px;margin-top:4px}.cart-line>strong{font-size:11px}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:25px;height:25px;padding:0;border:1px solid var(--line);background:#fff;border-radius:7px;display:grid;place-items:center;color:#666}.stepper b{min-width:15px;text-align:center;font-size:11px}.summary-total{padding:16px 0;display:flex;align-items:center;justify-content:space-between;font-size:13px}.summary-total strong{font-size:18px}.customer-page{min-height:100vh;padding-bottom:120px;background:#fbfaf7}.customer-nav{height:72px;padding:0 max(22px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;border-bottom:1px solid #efede8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.table-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;color:var(--orange-dark);background:var(--orange-soft);border-radius:9px;font-size:11px;font-weight:700}.customer-hero{max-width:1180px;min-height:245px;margin:26px auto 0;padding:40px 48px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 80% 45%,#ffd09f 0,#ffd09f 13%,transparent 13.5%),linear-gradient(120deg,#35271e,#674730);color:#fff;position:relative}.customer-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:18px 18px}.customer-hero>div:first-child{max-width:580px;position:relative;z-index:1}.customer-hero .eyebrow{color:#ffd3a4}.customer-hero h1{margin:11px 0 9px;font-size:clamp(30px,4vw,45px);line-height:1.08;letter-spacing:-1.6px}.customer-hero p{color:#ffffffb8;font-size:13px;margin:0}.hero-dish{width:230px;height:230px;display:grid;place-items:center;border-radius:50%;background:#f6e1c3;position:relative;z-index:1;box-shadow:0 20px 50px #0000004d;transform:translate(5px,8px)}.hero-dish span{font-size:112px;filter:drop-shadow(0 15px 15px rgba(0,0,0,.2))}.customer-content{max-width:1180px;margin:26px auto}.customer-toolbar{display:flex;align-items:center;gap:12px}.customer-toolbar .search-box{width:min(340px,100%)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:27px 0 14px}.section-heading span{color:var(--orange);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.section-heading h2{margin:4px 0 0;font-size:20px}.section-heading>small{color:var(--muted);font-size:11px}.customer-product-grid{grid-template-columns:repeat(5,1fr)}.floating-cart{position:fixed;z-index:30;left:50%;bottom:20px;transform:translate(-50%);width:min(500px,calc(100% - 28px));min-height:62px;padding:8px 15px 8px 9px;border:0;border-radius:15px;color:#fff;background:#252720;display:flex;align-items:center;gap:12px;box-shadow:0 14px 40px #1a1d184d}.floating-cart>span:first-child{position:relative;width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:#ffffff1a}.floating-cart>span:first-child b{position:absolute;right:-4px;top:-5px;min-width:20px;height:20px;display:grid;place-items:center;background:var(--orange);border-radius:50%;font-size:9px}.floating-cart>span:nth-child(2){flex:1;display:flex;flex-direction:column;align-items:flex-start}.floating-cart small{color:#ffffff9e;font-size:10px}.floating-cart strong{font-size:14px;margin-top:2px}.checkout-recap{display:grid;grid-template-columns:auto auto 1fr;gap:12px;align-items:center;padding:14px;background:#f7f8f6;border-radius:10px;font-size:11px}.checkout-recap strong{text-align:right;font-size:14px}.customer-confirmation{display:flex;flex-direction:column}.customer-confirmation .success-panel{width:min(520px,calc(100% - 30px));margin:65px auto}.success-panel{padding:28px;text-align:center}.success-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 17px;color:var(--green);background:var(--green-soft);border-radius:50%}.success-panel h2{margin-bottom:7px;font-size:23px}.success-panel>p{color:var(--muted);line-height:1.55;font-size:13px}.order-ticket{margin:23px 0 14px;padding:20px;text-align:left;background:#fff;border:1px dashed #cfd3ce;border-radius:13px}.order-ticket>small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.order-ticket>strong{display:block;margin:6px 0 17px;font-size:18px}.order-ticket>div{display:flex;justify-content:space-between;font-size:12px}.confirmation-note{display:flex;gap:10px;align-items:flex-start;text-align:left;margin-bottom:20px;padding:13px;background:var(--amber-soft);color:#87611c;border-radius:10px;font-size:11px;line-height:1.5}.admin-layout{min-height:100vh;display:grid;grid-template-columns:210px 1fr;background:#f5f6f5}.admin-sidebar,.proc-sidebar{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:22px 16px 15px;background:#fff;border-right:1px solid var(--line);z-index:40}.admin-sidebar .brand,.proc-sidebar .brand{padding:0 8px 22px}.back-store{display:flex;align-items:center;gap:8px;margin-bottom:22px;padding:10px 9px;border-radius:8px;color:#545854;font-size:11px;font-weight:600}.back-store:hover{background:#f6f7f5}.admin-sidebar>small,.proc-sidebar>small{padding:0 10px;margin:10px 0 7px;color:#a1a5a0;font-size:8px;font-weight:700;letter-spacing:.8px}.admin-sidebar nav,.proc-sidebar nav{display:flex;flex-direction:column;gap:3px}.admin-sidebar nav a,.proc-sidebar nav a{min-height:40px;display:flex;align-items:center;gap:10px;padding:0 10px;color:#666a66;border-radius:8px;font-size:11px;font-weight:500;position:relative}.admin-sidebar nav a:hover,.proc-sidebar nav a:hover{background:#f7f8f7;color:var(--ink)}.admin-sidebar nav a.active,.proc-sidebar nav a.active{background:var(--orange);color:#fff;box-shadow:0 5px 12px #ff5c3533}.admin-sidebar nav a.active i{width:5px;height:5px;background:#fff;border-radius:50%;position:absolute;right:12px}.sidebar-profile,.sidebar-user{margin-top:auto;padding:12px 7px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:9px}.sidebar-profile>span,.sidebar-user>span{width:33px;height:33px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);border-radius:9px;font-size:10px;font-weight:800}.sidebar-profile>div,.sidebar-user>div{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-profile strong,.sidebar-user strong{font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-profile small,.sidebar-user small{margin-top:2px;color:var(--muted);font-size:8px}.admin-main{min-width:0;padding:0 26px 35px}.admin-topbar{min-height:103px;display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-topbar h1{margin:4px 0 3px;font-size:24px;letter-spacing:-.7px}.admin-topbar p{margin:0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:8px}.live-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--green);background:var(--green-soft);border-radius:99px;font-size:10px;font-weight:700}.live-chip i{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 5px #159a5b1f}}.updated-at{color:var(--muted);font-size:9px}.notification{position:relative}.notification i{position:absolute;right:7px;top:7px;width:6px;height:6px;border:1px solid #fff;background:var(--orange);border-radius:50%}.kitchen-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.kitchen-stats button{min-height:90px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px;text-align:left;transition:.18s ease}.kitchen-stats button:hover,.kitchen-stats button.active{border-color:#ffc7b8;box-shadow:0 7px 18px #272b260f}.kitchen-stats button>span{width:38px;height:38px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:10px}.kitchen-stats button:nth-child(3)>span{color:var(--green);background:var(--green-soft)}.kitchen-stats button:nth-child(4)>span{color:var(--blue);background:var(--blue-soft)}.kitchen-stats button div{display:flex;flex-direction:column;gap:2px}.kitchen-stats small{color:var(--muted);font-size:9px}.kitchen-stats strong{font:800 23px Manrope}.operations-panel{padding:15px;background:#fff;border:1px solid var(--line);border-radius:14px;min-height:500px}.operations-tabs{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.operations-tabs>div{display:flex;gap:4px;overflow-x:auto}.operations-tabs>div button{border:0;border-radius:7px;padding:8px 10px;background:transparent;color:#7b7f7a;font-size:10px;white-space:nowrap}.operations-tabs>div button span{margin-left:5px;padding:2px 5px;border-radius:99px;background:#eef0ed;font-size:8px}.operations-tabs>div button.active{background:var(--orange-soft);color:var(--orange-dark);font-weight:700}.operations-tabs .search-box{width:280px;min-height:38px}.kitchen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:15px}.kitchen-card{border:1px solid var(--line);border-top:3px solid #e2e4e1;border-radius:11px;overflow:hidden;background:#fff}.kitchen-card.kitchen-waiting-payment{border-top-color:#ebb138}.kitchen-card.kitchen-preparing{border-top-color:var(--orange)}.kitchen-card.kitchen-ready{border-top-color:var(--green)}.kitchen-card.kitchen-served{border-top-color:var(--blue)}.kitchen-card>header{display:flex;justify-content:space-between;gap:8px;padding:13px 13px 8px}.order-place{display:inline-flex;align-items:center;gap:5px;color:var(--orange-dark);font-size:11px;font-weight:700}.kitchen-card h3{margin:5px 0 0;color:#777b77;font:500 9px DM Sans}.order-meta{display:flex;gap:8px;padding:0 13px 11px;color:#969a95;font-size:8px;border-bottom:1px solid var(--line)}.order-meta span{display:inline-flex;align-items:center;gap:3px}.kitchen-items{min-height:100px;padding:10px 13px;display:flex;flex-direction:column;gap:8px}.kitchen-items>div{display:flex;gap:9px;font-size:11px;line-height:1.3}.kitchen-items b{color:var(--orange-dark);min-width:20px}.guest-note{margin:0 13px 9px;padding:7px 8px;color:#7b674b;background:#fff9ed;border-radius:6px;font-size:9px}.kitchen-card>footer{min-height:52px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);background:#fafbfa}.kitchen-card>footer>strong{font-size:11px}.kitchen-card>footer>div{display:flex;gap:5px}.kitchen-card .button{min-height:32px;padding:6px 9px;font-size:9px;border-radius:7px}.kitchen-card .button-ghost{width:32px;padding:0}.page-footnote{text-align:right;color:#a0a49f;font-size:8px;padding-top:9px}.stock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.stock-stats>button{min-height:100px;display:flex;align-items:center;gap:12px;padding:15px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#fff;transition:.18s ease}.stock-stats>button:hover,.stock-stats>button.active{border-color:#ffc7b8;box-shadow:0 7px 18px #272b260f}.stock-stat-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:11px}.stock-stat-icon.total{color:var(--blue);background:var(--blue-soft)}.stock-stat-icon.safe{color:var(--green);background:var(--green-soft)}.stock-stat-icon.low{color:var(--amber);background:var(--amber-soft)}.stock-stat-icon.empty{color:var(--red);background:var(--red-soft)}.stock-stats>button>div{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:end;flex:1}.stock-stats small{color:var(--muted);font-size:9px}.stock-stats strong{font:800 23px Manrope}.stock-stats em{grid-column:1 / -1;margin-top:4px;color:#a0a49f;font-size:8px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-panel{min-height:520px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px}.stock-panel-header{min-height:72px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.stock-panel-header h2{margin:0 0 4px;font-size:14px}.stock-panel-header p{margin:0;color:var(--muted);font-size:9px}.warehouse-count{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;color:#656a65;background:#f5f6f4;border-radius:8px;font-size:9px;font-weight:700;white-space:nowrap}.stock-toolbar{min-height:64px;padding:10px 15px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.stock-tabs{display:flex;gap:4px}.stock-tabs button{padding:8px 10px;color:#7b7f7a;border:0;border-radius:7px;background:transparent;font-size:9px;white-space:nowrap}.stock-tabs button span{margin-left:5px;padding:2px 5px;background:#eef0ed;border-radius:99px;font-size:8px}.stock-tabs button.active{color:var(--orange-dark);background:var(--orange-soft);font-weight:700}.stock-controls{display:flex;align-items:center;gap:7px}.stock-controls .search-box{width:250px;min-height:38px}.stock-controls>select{height:38px;max-width:145px;padding:0 28px 0 10px;color:#606560;border:1px solid var(--line);border-radius:9px;outline:0;background:#fff;font-size:9px}.stock-controls>select:focus{border-color:#ffb7a5;box-shadow:0 0 0 3px var(--orange-soft)}.stock-feedback,.stock-loading{padding:15px}.stock-table-wrap{overflow-x:auto}.stock-table{width:100%;border-collapse:collapse;font-size:9px}.stock-table th{padding:11px 14px;text-align:left;color:#969a95;background:#fafbfa;border-bottom:1px solid var(--line);font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}.stock-table td{min-height:65px;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap}.stock-table tbody tr:hover td{background:#fdfdfc}.stock-table td:first-child{min-width:220px;display:flex;align-items:center;gap:9px}.stock-item-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:9px}.stock-table td:first-child>div{min-width:0;display:flex;flex-direction:column}.stock-table td:first-child strong{max-width:180px;overflow:hidden;text-overflow:ellipsis;font-size:10px}.stock-table td:first-child small{max-width:180px;margin-top:3px;overflow:hidden;color:var(--muted);text-overflow:ellipsis;font-size:7px}.stock-table td>small{color:var(--muted);font-size:7px}.warehouse-name{display:inline-flex;align-items:center;gap:5px;color:#666b66}.stock-level{width:115px;display:flex;flex-direction:column;gap:6px}.stock-level>span{display:flex;align-items:baseline;gap:4px}.stock-level>span b{font-size:10px}.stock-level>span small{color:var(--muted);font-size:7px}.stock-level>i{width:100%;height:4px;display:block;overflow:hidden;background:#eef0ed;border-radius:99px}.stock-level>i>b{height:100%;display:block;background:var(--green);border-radius:inherit}.stock-level>i>.level-low-stock{background:var(--amber)}.stock-level>i>.level-out-of-stock{background:var(--red)}.stock-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;color:var(--green);background:var(--green-soft);border-radius:99px;font-size:8px;font-weight:700;white-space:nowrap}.stock-badge i{width:5px;height:5px;background:currentColor;border-radius:50%}.stock-badge.stock-low-stock{color:#a56a00;background:var(--amber-soft)}.stock-badge.stock-out-of-stock{color:var(--red);background:var(--red-soft)}.stock-mobile-list{display:none}.pos-layout{height:100vh;display:grid;grid-template-columns:72px minmax(460px,1fr) 350px;overflow:hidden;background:#f7f8f7}.pos-sidebar{padding:17px 11px;display:flex;flex-direction:column;align-items:center;background:#252720;color:#fff}.pos-sidebar .brand{margin-bottom:29px}.pos-sidebar nav,.pos-sidebar>div{display:flex;flex-direction:column;gap:8px}.pos-sidebar>div{margin-top:auto}.pos-sidebar a{position:relative;width:48px;height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#aeb3aa;border-radius:10px;font-size:7px;line-height:1.05;text-align:center}.pos-sidebar a.active{background:var(--orange);color:#fff}.pos-sidebar a>b{position:absolute;top:3px;right:3px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border:2px solid #252720;border-radius:99px;background:var(--red);color:#fff;font-size:6px}.pos-products{min-width:0;display:flex;flex-direction:column;overflow:hidden}.pos-header{min-height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#fff;border-bottom:1px solid var(--line)}.pos-header h1{margin:2px 0 0;font-size:18px}.cashier-profile{display:flex;align-items:center;gap:8px}.cashier-profile>span{width:32px;height:32px;display:grid;place-items:center;background:var(--orange-soft);color:var(--orange);border-radius:9px;font-size:10px;font-weight:800}.cashier-profile>div{display:flex;flex-direction:column}.cashier-profile strong{font-size:10px}.cashier-profile small{color:var(--muted);font-size:8px}.pos-toolbar{padding:13px 18px;display:flex;align-items:center;gap:11px;background:#fff;border-bottom:1px solid var(--line)}.pos-toolbar .search-box{width:245px;flex:none}.pos-product-content{padding:0 18px 20px;overflow:auto}.pos-product-content .section-heading{margin-top:17px}.pos-product-grid{grid-template-columns:repeat(4,1fr)}.pos-order{min-width:0;display:flex;flex-direction:column;padding:0 16px 15px;background:#fff;border-left:1px solid var(--line)}.pos-order>header{min-height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.pos-order>header span{color:var(--muted);font-size:9px}.pos-order>header h2{margin:3px 0 0;font-size:16px}.order-customer{min-height:40px;display:flex;align-items:center;gap:8px;margin-top:12px;padding:0 10px;background:#f7f8f6;border-radius:8px;color:#8d918c}.order-customer input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:10px}.pos-cart-scroll{flex:1;min-height:90px;overflow:auto}.pos-cart-scroll .empty-state{min-height:190px}.cart-lines-compact .cart-line{grid-template-columns:minmax(0,1fr) auto;gap:7px}.cart-lines-compact .cart-line>strong{grid-column:1;color:var(--orange-dark)}.cart-lines-compact .stepper{grid-column:2;grid-row:1 / span 2}.promo-section{padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.promo-label{display:flex;align-items:center;gap:5px;margin-bottom:7px;color:#666a66;font-size:9px;font-weight:700}.promo-options{display:flex;gap:6px}.promo-options button{flex:1;padding:7px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#676b67;font-size:9px;display:flex;align-items:center;justify-content:center;gap:4px}.promo-options button.active{color:var(--orange);border-color:#ffc2b2;background:var(--orange-soft);font-weight:700}.voucher-field{margin-top:7px;height:34px;display:flex;align-items:center;padding:0 9px;border:1px dashed #dfe1de;border-radius:7px}.voucher-field input{min-width:0;flex:1;border:0;outline:0;font-size:9px;text-transform:uppercase}.voucher-field svg{color:var(--green)}.order-summary{padding:10px 0;display:flex;flex-direction:column;gap:7px}.order-summary>div,.payment-summary>div,.receipt-card>div{display:flex;justify-content:space-between;font-size:10px}.order-summary span{color:var(--muted)}.order-summary .discount{color:var(--green)}.order-summary .grand-total,.payment-summary .grand-total,.receipt-card .grand-total{padding-top:8px;border-top:1px dashed #d8dad7;font-size:13px}.grand-total strong{font-size:17px}.pay-button{min-height:46px}.payment-layout{display:grid;grid-template-columns:1fr 290px}.payment-layout>section{padding:22px}.payment-layout h3{font-size:13px;margin-bottom:13px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.payment-methods button{position:relative;min-height:80px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:11px;color:#656a64;font-size:10px}.payment-methods button.active{color:var(--orange);border-color:var(--orange);background:var(--orange-soft);font-weight:700}.payment-methods button svg:last-child{position:absolute;right:7px;top:7px}.cash-input{margin-top:20px}.money-input{height:51px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:9px}.money-input span{color:var(--muted)}.money-input input{border:0;padding:0;font-size:21px;font-weight:700;box-shadow:none!important}.quick-cash{display:flex;gap:6px;margin-top:8px}.quick-cash button{flex:1;padding:7px 5px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:8px}.fake-qr,.edc-note{min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}.qr-pattern{width:126px;height:126px;display:grid;place-items:center;color:#171816;border:8px solid #fff;box-shadow:0 0 0 1px var(--line)}.fake-qr strong,.edc-note strong{font-size:12px}.fake-qr small,.edc-note p{color:var(--muted);font-size:9px}.edc-note svg{color:var(--blue)}.payment-summary{padding:22px;background:#f7f8f6;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:11px}.payment-summary>div{font-size:11px}.payment-summary .grand-total{margin-top:5px;padding-top:14px}.change-box{padding:12px;border-radius:9px;background:var(--green-soft);color:var(--green)}.payment-summary .button{margin-top:auto}.receipt-card{margin:18px 0;padding:18px;border:1px dashed #cfd2ce;border-radius:11px;display:flex;flex-direction:column;gap:9px;text-align:left}.receipt-brand{align-items:center;margin-bottom:7px}.receipt-brand small{color:var(--muted)}.receipt-card hr{width:100%;border:0;border-top:1px dashed #d8dad7}.receipt-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cashier-orders-layout{min-height:100vh;display:grid;grid-template-columns:72px minmax(0,1fr);background:#f5f6f4}.cashier-orders-main{min-width:0}.cashier-orders-header{position:sticky;top:0;z-index:20}.cashier-orders-content{padding:20px}.table-order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.table-order-summary>button,.table-order-summary>article{min-width:0;min-height:100px;padding:15px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;column-gap:11px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#fff}.table-order-summary>button{cursor:pointer}.table-order-summary>button:hover,.table-order-summary>button.active{border-color:#ffb8a5;box-shadow:0 4px 18px #ff5b2e14}.table-order-summary small{align-self:end;color:var(--muted);font-size:8px}.table-order-summary strong{align-self:start;font-size:20px}.table-order-summary>article strong{overflow:hidden;font-size:clamp(13px,1.5vw,20px);text-overflow:ellipsis;white-space:nowrap}.table-order-stat-icon{grid-row:1 / span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.table-order-stat-icon.stat-orange{color:var(--orange);background:var(--orange-soft)}.table-order-stat-icon.stat-amber{color:var(--amber);background:var(--amber-soft)}.table-order-stat-icon.stat-green{color:var(--green);background:var(--green-soft)}.table-order-stat-icon.stat-blue{color:var(--blue);background:var(--blue-soft)}.table-orders-panel{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}.table-orders-toolbar{min-height:76px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.table-orders-toolbar h2{margin:0 0 3px;font-size:14px}.table-orders-toolbar p{margin:0;color:var(--muted);font-size:9px}.table-orders-actions{display:flex;align-items:center;gap:7px}.table-orders-actions .search-box{width:min(330px,30vw)}.table-order-filters{min-height:52px;padding:8px 13px;display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line)}.table-order-filters button{padding:8px 10px;display:flex;align-items:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#747874;font-size:9px}.table-order-filters button span{min-width:17px;padding:2px 5px;border-radius:99px;background:#eff1ee;font-size:7px}.table-order-filters button.active{background:var(--orange-soft);color:var(--orange);font-weight:700}.table-order-filters button.active span{background:#fff}.table-order-filters>small{margin-left:auto;color:var(--green);font-size:8px}.table-orders-workspace{min-height:565px;display:grid;grid-template-columns:minmax(290px,.8fr) minmax(430px,1.2fr)}.table-order-list{max-height:650px;padding:10px;overflow:auto;border-right:1px solid var(--line);background:#fafbfa}.table-order-list>button{width:100%;min-height:118px;margin-bottom:8px;padding:12px;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:10px;background:#fff}.table-order-list>button:hover,.table-order-list>button.active{border-color:#ffb9a7;box-shadow:0 4px 16px #28231e0f}.table-order-list>button.active{box-shadow:inset 3px 0 var(--orange),0 4px 16px #28231e0f}.table-order-list>button>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.table-order-list>button>header>span{display:flex;align-items:center;gap:5px;color:var(--orange);font-size:9px;font-weight:800}.table-order-list>button>strong{margin-top:10px;font-size:11px}.table-order-list>button>small{margin-top:3px;color:var(--muted);font-size:7px}.table-order-list>button>footer{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px}.table-order-list>button>footer b{color:var(--ink);font-size:11px}.table-order-list>.empty-state{min-height:400px}.table-order-detail{min-width:0;padding:20px;display:flex;flex-direction:column}.table-order-detail>header{display:flex;align-items:start;justify-content:space-between;gap:12px}.table-order-detail>header h2{margin:4px 0 0;font-size:21px}.table-order-customer{min-height:63px;margin-top:16px;padding:11px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#f7f8f6}.table-order-customer>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;color:var(--orange);background:var(--orange-soft)}.table-order-customer>div{min-width:0;flex:1;display:flex;flex-direction:column}.table-order-customer strong{font-size:10px}.table-order-customer small{margin-top:3px;color:var(--muted);font-size:8px}.table-order-customer>a{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--green);background:#fff}.table-order-meta{margin:13px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.table-order-meta>div{padding:10px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px}.table-order-meta small{color:var(--muted);font-size:7px}.table-order-meta strong{margin-top:4px;overflow:hidden;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.table-order-items{flex:1;min-height:175px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table-order-items>header,.table-order-items>div{min-height:48px;padding:9px 3px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border-bottom:1px solid #f0f1ef}.table-order-items>header{min-height:35px;color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.4px}.table-order-items>header span:last-child{text-align:right}.table-order-items>div:last-child{border-bottom:0}.table-order-items>div>span{display:flex;flex-direction:column}.table-order-items>div>span:last-child{align-items:flex-end}.table-order-items strong{font-size:9px}.table-order-items small{margin-top:3px;color:var(--muted);font-size:7px}.table-order-items b{color:var(--orange);font-size:8px}.table-order-total{padding-top:14px}.table-order-total>div{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.table-order-total span{color:var(--muted);font-size:9px}.table-order-total strong{font-size:20px}.table-payment-fields{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.money-input.compact{height:43px}.money-input.compact input{font-size:15px}.spin-slow{animation:spin .9s linear infinite}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.85fr) 1.15fr;background:#fff}.login-showcase{padding:42px clamp(35px,5vw,75px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 80%,rgba(255,138,93,.28),transparent 30%),linear-gradient(145deg,#25211e,#543425)}.login-showcase .brand-mark{background:#fff;color:var(--orange)}.login-showcase .brand strong{color:#fff}.login-showcase .brand small{color:#ffffff80}.login-showcase>div{margin:auto 0;max-width:520px}.login-showcase h1{margin:15px 0;font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-2px}.login-showcase p{color:#ffffffa1;line-height:1.65;font-size:13px}.login-feature{max-width:430px;margin-top:32px;display:flex;gap:12px;padding:15px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;border-radius:13px}.login-feature>span{width:40px;height:40px;display:grid;place-items:center;background:#ffffff1a;border-radius:10px}.login-feature>div{display:flex;flex-direction:column}.login-feature strong{font-size:12px}.login-feature small{margin-top:4px;color:#ffffff8c;font-size:9px}.login-showcase>small{color:#ffffff61;font-size:9px}.login-form-wrap{display:grid;place-items:center;padding:35px}.login-form{width:min(390px,100%);display:flex;flex-direction:column;gap:17px}.login-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:14px}.login-form h2{margin:4px 0 -11px;font-size:26px}.login-form>p{color:var(--muted);font-size:12px}.password-field{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px}.password-field:focus-within{border-color:#ffb7a5;box-shadow:0 0 0 3px var(--orange-soft)}.password-field input{border:0;box-shadow:none!important}.password-field button{width:40px;height:40px;border:0;background:transparent;color:#8c918b}.login-help{text-align:center;font-size:10px!important}.procurement-layout{min-height:100vh;display:grid;grid-template-columns:224px 1fr;background:#f5f6f5}.proc-sidebar{width:224px}.proc-sidebar header{display:flex;justify-content:space-between}.proc-sidebar nav a b{margin-left:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:99px;background:var(--orange);color:#fff;font-size:8px}.proc-sidebar nav a.active b{color:var(--orange);background:#fff}.sidebar-user button{width:27px;height:27px;border:0;display:grid;place-items:center;color:#8c908b;background:transparent;border-radius:7px}.sidebar-user button:hover{color:var(--red);background:var(--red-soft)}.proc-main{min-width:0}.proc-topbar{min-height:76px;padding:0 28px;display:flex;align-items:center;gap:14px;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.proc-topbar>div:first-of-type{flex:1}.proc-topbar h1{margin:0 0 3px;font-size:18px;letter-spacing:-.35px}.proc-topbar p{margin:0;color:var(--muted);font-size:9px}.proc-topbar>div:last-child{display:flex;align-items:center;gap:9px}.top-avatar{width:34px;height:34px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:9px;font-size:10px;font-weight:800}.proc-content{padding:24px 28px 40px;max-width:1500px;margin:0 auto}.mobile-only,.mobile-scrim{display:none}.full-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#fbfaf8}.loader-ring{width:31px;height:31px;border:3px solid #eee;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}.full-loader p{color:var(--muted);font-size:11px}.content-card{background:#fff;border:1px solid var(--line);border-radius:13px}.dashboard-stack{display:flex;flex-direction:column;gap:16px}.welcome-banner{min-height:150px;padding:28px 31px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.15),transparent 22%),linear-gradient(115deg,#412d24,#7a4a35);color:#fff;border-radius:15px}.welcome-banner h2{margin:6px 0;font-size:22px}.welcome-banner p{color:#ffffffa6;margin:0;font-size:11px}.welcome-banner .button{box-shadow:none}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article{min-width:0;min-height:118px;padding:16px;display:grid;grid-template-columns:auto 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px}.metric-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.metric-icon.amber{color:var(--amber);background:var(--amber-soft)}.metric-icon.green{color:var(--green);background:var(--green-soft)}.metric-icon.blue{color:var(--blue);background:var(--blue-soft)}.metric-icon.purple{color:var(--purple);background:#f2efff}.metric-grid article>div{display:flex;flex-direction:column}.metric-grid small{color:var(--muted);font-size:9px}.metric-grid strong{overflow:hidden;text-overflow:ellipsis;font:800 20px Manrope;margin-top:2px}.metric-grid em{grid-column:1 / -1;color:#9ca09b;font-size:8px;font-style:normal}.card-header{min-height:70px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.card-header h2{margin:0 0 3px;font-size:14px}.card-header p{margin:0;color:var(--muted);font-size:9px}.card-header a{display:flex;align-items:center;gap:5px;color:var(--orange);font-size:10px;font-weight:700}.request-list{padding:2px 17px}.request-row{min-height:65px;display:grid;grid-template-columns:auto minmax(150px,1fr) 70px 110px 90px auto;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.request-row:last-child{border-bottom:0}.request-row:hover .request-main strong{color:var(--orange)}.file-symbol{width:33px;height:33px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:8px}.request-main{display:flex;flex-direction:column;min-width:0}.request-main strong{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.request-main small{margin-top:3px;color:var(--muted);font-size:8px}.priority{display:inline-flex;width:max-content;padding:4px 7px;border-radius:5px;font-size:8px;font-weight:700}.priority-low{color:#6f766f;background:#f0f2ef}.priority-medium{color:var(--blue);background:var(--blue-soft)}.priority-high{color:var(--orange-dark);background:var(--orange-soft)}.priority-urgent{color:var(--red);background:var(--red-soft)}.request-value{font-size:10px}.attention-banner{min-height:70px;padding:13px 17px;display:flex;align-items:center;gap:12px;border:1px solid #ffe0a5;border-radius:12px;background:var(--amber-soft)}.attention-banner>span{width:38px;height:38px;display:grid;place-items:center;color:var(--amber);background:#ffffffa6;border-radius:9px}.attention-banner>div{flex:1}.attention-banner strong{font-size:11px}.attention-banner p{margin:2px 0 0;color:#8e7549;font-size:9px}.attention-banner>svg{color:var(--amber)}.list-toolbar{min-height:68px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.list-toolbar>div h2{margin:0 0 3px;font-size:14px}.list-toolbar>div p{margin:0;color:var(--muted);font-size:9px}.list-toolbar .search-box{width:min(330px,100%)}.select-box{height:42px;min-width:140px;display:flex;align-items:center;gap:6px;padding:0 10px;border:1px solid var(--line);border-radius:9px;color:#8a8e89}.select-box select{flex:1;border:0;outline:0;background:transparent;color:#575b57;font-size:11px}.data-table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:10px}.data-table th{padding:12px 15px;text-align:left;color:#969a95;background:#fafbfa;font-size:8px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:14px 15px;border-top:1px solid var(--line);white-space:nowrap}.data-table td:first-child{min-width:220px}.data-table td>strong,.data-table td>small{display:block}.data-table td>strong{font-size:10px}.data-table td>small{margin-top:4px;color:var(--muted);font-size:8px}.data-table tr:hover td{background:#fcfcfb}.table-action{display:inline-flex;align-items:center;gap:5px;color:var(--orange);font-weight:700}.approval-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:15px}.approval-card{padding:16px;border:1px solid var(--line);border-radius:11px}.approval-card header{display:flex;align-items:center;justify-content:space-between}.approval-card header small{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}.approval-card h3{margin:14px 0 4px;font-size:13px}.approval-card>p{color:var(--muted);font-size:8px}.requester-line{display:flex;align-items:center;gap:8px;padding:11px;background:#f8f9f7;border-radius:8px}.requester-line>span{width:29px;height:29px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:50%;font-size:8px;font-weight:800}.requester-line>div{display:flex;flex-direction:column}.requester-line small{color:var(--muted);font-size:7px}.requester-line strong{font-size:9px;margin-top:2px}.approval-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.approval-card footer>strong{font-size:13px}.approval-card footer a{display:flex;align-items:center;gap:5px;color:var(--orange);font-size:9px;font-weight:700}.decision-list{padding:4px 17px}.decision-list>div{min-height:57px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.decision-list>div:last-child{border:0}.decision-list>div>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px}.decision-list .approved{color:var(--green);background:var(--green-soft)}.decision-list .rejected{color:var(--red);background:var(--red-soft)}.decision-list div div{display:flex;flex-direction:column}.decision-list strong{font-size:10px}.decision-list small{color:var(--muted);font-size:8px;margin-top:3px}.decision-list b{font-size:10px}.stepper-header{max-width:700px;margin:0 auto 22px;padding:0;display:flex;list-style:none}.stepper-header li{flex:1;display:flex;align-items:center;gap:7px;color:#a3a7a2;position:relative}.stepper-header li>span{width:28px;height:28px;flex:none;display:grid;place-items:center;border:1px solid #dfe1de;background:#fff;border-radius:50%;font-size:9px;z-index:1}.stepper-header li strong{font:600 9px DM Sans;white-space:nowrap}.stepper-header li i{flex:1;height:1px;background:#dfe1de}.stepper-header li.active{color:var(--orange)}.stepper-header li.active>span{color:#fff;border-color:var(--orange);background:var(--orange)}.stepper-header li.active i{background:#ffbca9}.catalog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:15px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;padding:15px}.catalog-grid article{padding:14px;border:1px solid var(--line);border-radius:11px;transition:.18s ease}.catalog-grid article.selected{border-color:#ffc6b7;box-shadow:inset 0 0 0 1px #ffc6b7}.catalog-icon{width:40px;height:40px;display:grid;place-items:center;margin-bottom:10px;background:var(--blue-soft);border-radius:10px;font-size:21px}.catalog-icon.sw{background:#f2efff}.catalog-icon.cn{background:var(--green-soft)}.catalog-grid article>small{color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.5px}.catalog-grid h3{height:31px;overflow:hidden;margin:4px 0;font:700 11px/1.4 DM Sans}.catalog-grid p{height:31px;overflow:hidden;margin-bottom:13px;color:var(--muted);font-size:8px;line-height:1.5}.catalog-grid footer{display:flex;align-items:center;justify-content:space-between;gap:5px}.catalog-grid footer>div:first-child{display:flex;flex-direction:column}.catalog-grid footer strong{font-size:10px}.catalog-grid footer small{color:var(--muted);font-size:7px}.add-catalog{display:flex;align-items:center;gap:4px;border:0;border-radius:7px;background:var(--orange-soft);color:var(--orange);padding:7px 8px;font-size:8px;font-weight:700}.request-cart{height:fit-content;position:sticky;top:100px;padding:15px}.request-cart>header{display:flex;align-items:center;gap:7px;padding-bottom:12px;border-bottom:1px solid var(--line)}.request-cart h2{flex:1;margin:0;font-size:13px}.request-cart header>span{min-width:19px;height:19px;display:grid;place-items:center;color:#fff;background:var(--orange);border-radius:99px;font-size:8px}.request-cart .empty-state{min-height:190px;padding:15px 0}.selected-items{max-height:330px;overflow:auto}.selected-items>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--line)}.selected-items>div>span{width:31px;height:31px;display:grid;place-items:center;background:#f5f6f4;border-radius:7px}.selected-items>div>div{min-width:0;display:flex;flex-direction:column}.selected-items strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}.selected-items small{margin-top:3px;color:var(--muted);font-size:7px}.selected-items button{border:0;background:transparent;color:#aaa}.request-form-layout,.review-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,.6fr);gap:15px;max-width:1000px;margin:0 auto}.request-form-layout>section{padding:22px}.form-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.form-heading>span{width:42px;height:42px;display:grid;place-items:center;color:var(--orange);background:var(--orange-soft);border-radius:11px}.form-heading h2{margin:0 0 3px;font-size:14px}.form-heading p{margin:0;color:var(--muted);font-size:9px}.form-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:6px}.approval-preview{height:fit-content;padding:20px}.approval-preview h2{font-size:14px;margin-bottom:6px}.approval-preview>p{color:var(--muted);line-height:1.55;font-size:9px}.approval-mini-timeline{margin-top:18px}.approval-mini-timeline>div{min-height:58px;display:flex;gap:9px;position:relative}.approval-mini-timeline>div:not(:last-child):after{content:"";position:absolute;left:13px;top:28px;bottom:0;width:1px;background:#e2e4e1}.approval-mini-timeline span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--orange-soft);color:var(--orange);font-size:8px;font-weight:800;z-index:1}.approval-mini-timeline>div>div{display:flex;flex-direction:column;padding-top:2px}.approval-mini-timeline strong{font-size:9px}.approval-mini-timeline small{margin-top:3px;color:var(--muted);font-size:7px}.review-layout>section{min-width:0}.review-layout .content-card:first-child{padding-bottom:18px}.review-layout .card-header{margin-bottom:5px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:15px 18px;margin:0}.detail-facts>div{display:flex;flex-direction:column}.detail-facts dt{color:var(--muted);font-size:8px}.detail-facts dd{margin:4px 0 0;font-size:10px;font-weight:600}.justification-box{margin:0 18px 15px;padding:12px;background:#f8f9f7;border-radius:8px}.justification-box small{color:var(--muted);font-size:8px}.justification-box p{margin:5px 0 0;color:#565a56;font-size:10px;line-height:1.55}.review-items,.detail-items{padding:0 18px}.review-items>div,.detail-items>div{min-height:55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.review-items>div>span{width:33px;height:33px;display:grid;place-items:center;background:#f5f6f4;border-radius:8px}.review-items>div>div,.detail-items>div>div{min-width:0;display:flex;flex-direction:column}.review-items strong,.detail-items strong{font-size:9px}.review-items small,.detail-items small{color:var(--muted);font-size:7px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-items b,.detail-items b{font-size:10px}.review-total{margin:12px 18px 0;padding-top:14px;display:flex;justify-content:space-between;border-top:1px dashed #d8dad7;font-size:11px}.review-total strong{font-size:17px}.submit-panel{height:fit-content;padding:21px}.submit-panel h2{margin-bottom:6px;font-size:15px}.submit-panel>p{color:var(--muted);line-height:1.55;font-size:9px}.approval-count{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;background:var(--orange-soft);border-radius:9px}.approval-count>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#fff;font-weight:800}.approval-count>div{display:flex;flex-direction:column}.approval-count strong{font-size:9px}.approval-count small{color:#9b6e60;font-size:7px;margin-top:2px}.submit-panel .button+.button{margin-top:6px}.detail-page>.back-inline{margin-bottom:13px}.success-banner{min-height:45px;margin-bottom:13px;padding:9px 12px;display:flex;align-items:center;gap:8px;color:var(--green);background:var(--green-soft);border:1px solid #c9eed9;border-radius:9px;font-size:10px}.success-banner span{flex:1}.success-banner button{border:0;background:transparent;color:var(--green)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px}.detail-main,.detail-side{display:flex;flex-direction:column;gap:15px;min-width:0}.request-title-card{padding:20px}.request-title-card>div:first-child{display:flex;gap:7px}.request-title-card h2{margin:14px 0 5px;font-size:20px}.request-title-card>p{color:var(--muted);font-size:9px}.request-title-card .detail-facts{padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr)}.request-title-card .justification-box{margin:15px 0 0}.detail-items>div{grid-template-columns:auto minmax(150px,1fr) auto auto}.detail-items>div>span:nth-child(3){color:var(--muted);font-size:8px}.approval-timeline{padding:17px 18px}.timeline-step{min-height:75px;display:flex;gap:10px;position:relative}.timeline-step:not(:last-child):after{content:"";position:absolute;left:13px;top:29px;bottom:0;width:1px;background:#e2e4e1}.timeline-step>span{width:27px;height:27px;flex:none;display:grid;place-items:center;color:#888d87;background:#f0f2ef;border-radius:50%;font-size:8px;font-weight:800;z-index:1}.timeline-step.approved>span{color:#fff;background:var(--green)}.timeline-step.rejected>span{color:#fff;background:var(--red)}.timeline-step>div{display:flex;flex-direction:column;padding-top:1px}.timeline-step strong{font-size:10px}.timeline-step small{margin:2px 0;color:var(--muted);font-size:7px}.timeline-step p{margin:2px 0 0;display:flex;align-items:center;gap:4px;color:#8d918c;font-size:7px}.timeline-step blockquote{margin:5px 0 0;padding:6px 8px;color:#686c68;background:#f7f8f6;border-radius:5px;font-size:7px}.linked-po,.waiting-note{min-height:62px;padding:12px 14px;display:flex;align-items:center;gap:10px;border-radius:11px}.linked-po{color:var(--blue);background:var(--blue-soft);border:1px solid #d7e5fd}.linked-po>div,.waiting-note>div{flex:1;display:flex;flex-direction:column}.linked-po small{font-size:7px}.linked-po strong{font-size:10px;margin-top:2px}.action-panel{padding:17px}.action-panel h3{font-size:13px;margin-bottom:5px}.action-panel p{color:var(--muted);font-size:9px;line-height:1.5}.action-panel .button+.button{margin-top:7px}.waiting-note{color:#936b1e;background:var(--amber-soft);border:1px solid #ffe3ae}.waiting-note strong{font-size:10px}.waiting-note p{margin:3px 0 0;color:#9b7e4c;font-size:8px}.segmented{display:flex;padding:3px;background:#f2f3f1;border-radius:8px}.segmented button{border:0;padding:8px 11px;background:transparent;border-radius:6px;color:#747974;font-size:9px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #0000000f;font-weight:700}.segmented span{margin-left:5px;padding:2px 5px;color:var(--orange);background:var(--orange-soft);border-radius:99px;font-size:7px}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.status-chart{height:260px;padding:25px 25px 15px;display:flex;align-items:flex-end;justify-content:space-around;gap:18px}.status-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.status-chart>div>strong{font-size:11px}.status-chart>div>span{width:min(48px,100%);height:180px;display:flex;align-items:flex-end;border-radius:7px;background:#f4f5f3;overflow:hidden}.status-chart i{width:100%;display:block;border-radius:7px 7px 0 0;background:var(--amber);min-height:8px}.status-chart .bar-approved{background:var(--green)}.status-chart .bar-rejected{background:var(--red)}.status-chart .bar-ordered{background:var(--blue)}.status-chart small{color:var(--muted);font-size:8px}.horizontal-chart{padding:22px 18px;display:flex;flex-direction:column;gap:17px}.horizontal-chart>div>span{display:flex;justify-content:space-between;margin-bottom:6px}.horizontal-chart strong{font-size:9px}.horizontal-chart small{color:var(--muted);font-size:8px}.horizontal-chart>div>i{height:7px;display:block;overflow:hidden;background:#f1f2f0;border-radius:99px}.horizontal-chart b{height:100%;display:block;border-radius:99px;background:linear-gradient(90deg,var(--orange),#ff9c7f)}.muted{color:var(--muted);font-size:10px}.insight-card{min-height:74px;padding:14px 17px;display:flex;align-items:center;gap:12px}.insight-card>span{width:42px;height:42px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft);border-radius:11px}.insight-card h3{margin:0 0 3px;font-size:11px}.insight-card p{margin:0;color:var(--muted);font-size:9px}@media print{body *{visibility:hidden!important}.modal-backdrop,.modal-backdrop *,.receipt-card,.receipt-card *{visibility:visible!important}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff}.modal-header,.receipt-actions,.success-icon,.success-panel>h2,.success-panel>p{display:none!important}.modal{box-shadow:none}}@media(max-width:1180px){.portal-grid{grid-template-columns:repeat(2,1fr)}.customer-hero,.customer-content{margin-left:22px;margin-right:22px}.customer-product-grid{grid-template-columns:repeat(4,1fr)}.pos-layout{grid-template-columns:65px minmax(430px,1fr) 320px}.pos-product-grid{grid-template-columns:repeat(3,1fr)}.cashier-orders-layout{grid-template-columns:65px minmax(0,1fr)}.table-order-summary{grid-template-columns:repeat(2,1fr)}.table-orders-workspace{grid-template-columns:minmax(260px,.75fr) minmax(390px,1.25fr)}.kitchen-grid,.stock-stats{grid-template-columns:repeat(2,1fr)}.stock-toolbar{align-items:stretch;flex-direction:column}.stock-controls{width:100%}.stock-controls .search-box{flex:1;width:auto}.request-row{grid-template-columns:auto minmax(140px,1fr) 65px 90px 90px auto}.approval-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.admin-layout{grid-template-columns:72px 1fr}.admin-sidebar{padding:17px 10px;align-items:center}.admin-sidebar .brand{padding:0 0 20px}.admin-sidebar .brand>span:last-child,.admin-sidebar .back-store,.admin-sidebar>small,.admin-sidebar nav a:not(.active):after,.sidebar-profile>div{display:none}.admin-sidebar nav a{width:46px;justify-content:center;font-size:0}.sidebar-profile{padding:10px 0 0}.updated-at{display:none}.customer-product-grid{grid-template-columns:repeat(3,1fr)}.pos-layout{height:auto;min-height:100vh;grid-template-columns:64px 1fr;overflow:visible}.pos-products{min-height:700px}.pos-order{grid-column:2;border:1px solid var(--line);min-height:620px}.pos-product-content{max-height:650px}.cashier-orders-content{padding:14px}.table-orders-workspace{grid-template-columns:minmax(240px,.75fr) minmax(350px,1.25fr)}.table-orders-actions .search-box{width:260px}.procurement-layout{display:block}.proc-sidebar{position:fixed;left:-240px;width:224px;transition:left .2s ease;box-shadow:15px 0 40px #00000026}.proc-sidebar.open{left:0}.mobile-only{display:inline-grid}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;border:0;background:#00000059}.proc-content{padding:20px}.metric-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.request-cart{position:static}.catalog-grid{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:repeat(2,1fr);align-items:start}.detail-side>section:first-child{grid-column:1 / -1}}@media(max-width:680px){.modal-backdrop{padding:0;align-items:end}.modal{width:100%;max-height:91vh;border-radius:20px 20px 0 0}.error-state{flex-direction:column;text-align:center}.error-state .button{margin:0}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.portal-home{padding:0 16px 35px}.portal-home>header{margin:45px auto 28px}.portal-home h1{font-size:34px;letter-spacing:-1.5px}.portal-grid{grid-template-columns:1fr}.portal-card{min-height:230px}.customer-nav{padding:0 16px;height:64px}.customer-hero{min-height:218px;margin:14px 14px 0;padding:28px 22px}.customer-hero h1{font-size:31px}.customer-hero p{max-width:78%}.hero-dish{width:135px;height:135px;position:absolute;right:-31px;bottom:-25px}.hero-dish span{font-size:70px}.customer-content{margin:18px 14px}.customer-toolbar{align-items:stretch;flex-direction:column}.customer-toolbar .search-box{width:100%}.customer-product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-image>span{font-size:44px}.product-info{padding:10px}.admin-layout{display:block}.admin-sidebar{display:none}.admin-main{padding:0 13px 25px}.admin-topbar{min-height:95px}.admin-topbar h1{font-size:21px}.topbar-actions .icon-button:last-child{display:none}.kitchen-stats{grid-template-columns:repeat(2,1fr)}.kitchen-stats button{min-height:75px}.operations-tabs{align-items:stretch;flex-direction:column}.operations-tabs .search-box{width:100%}.kitchen-grid{grid-template-columns:1fr}.stock-stats{grid-template-columns:repeat(2,1fr);gap:9px}.stock-stats>button{min-height:90px;padding:12px}.stock-stat-icon{width:36px;height:36px}.stock-panel-header{align-items:flex-start}.stock-panel-header p{line-height:1.45}.stock-toolbar{padding:10px}.stock-tabs{overflow-x:auto}.stock-controls{align-items:stretch;flex-wrap:wrap}.stock-controls .search-box{width:100%;flex-basis:100%}.stock-controls>select{flex:1;max-width:none;min-width:0}.stock-table-wrap{display:none}.stock-mobile-list{display:flex;flex-direction:column;padding:10px;gap:9px}.stock-mobile-list article{padding:12px;border:1px solid var(--line);border-radius:10px}.stock-mobile-list article>header{display:flex;align-items:center;gap:9px}.stock-mobile-list article>header>div{min-width:0;flex:1;display:flex;flex-direction:column}.stock-mobile-list article>header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.stock-mobile-list article>header small{margin-top:3px;color:var(--muted);font-size:7px}.stock-mobile-list .stock-level{width:100%;margin:13px 0 11px}.stock-mobile-list article>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:8px}.stock-mobile-list article>footer span{display:flex;align-items:center;gap:4px}.stock-mobile-list article>footer b{color:var(--ink)}.pos-layout{display:block}.pos-sidebar{height:62px;position:sticky;top:0;z-index:30;padding:7px 12px;flex-direction:row;justify-content:space-between}.pos-sidebar .brand{margin:0}.pos-sidebar nav{flex-direction:row;margin-left:auto}.pos-sidebar>div{display:none}.pos-sidebar a{width:48px;height:47px}.cashier-orders-layout{display:block}.cashier-orders-header{top:62px}.cashier-orders-content{padding:12px}.table-order-summary{gap:8px}.table-order-summary>button,.table-order-summary>article{min-height:88px;padding:11px}.table-orders-toolbar{align-items:stretch;flex-direction:column}.table-orders-actions .search-box{width:100%;flex:1}.table-order-filters{overflow-x:auto}.table-order-filters>small{display:none}.table-orders-workspace{display:block}.table-order-list{max-height:420px;border-right:0;border-bottom:1px solid var(--line)}.table-order-detail{min-height:520px;padding:15px}.table-payment-fields{grid-template-columns:1fr}.pos-header{padding:0 14px}.pos-toolbar{align-items:stretch;flex-direction:column;padding:11px 13px}.pos-toolbar .search-box{width:100%}.pos-product-content{padding:0 13px 18px;max-height:none}.pos-product-grid{grid-template-columns:repeat(2,1fr)}.pos-order{min-height:600px;padding:0 14px 14px}.payment-layout{display:block}.payment-summary{border-left:0;border-top:1px solid var(--line)}.login-page{display:block}.login-showcase{min-height:290px;padding:28px 24px}.login-showcase>div{margin:45px 0 25px}.login-showcase h1{font-size:32px}.login-feature,.login-showcase>div>p{display:none}.login-form-wrap{padding:38px 22px}.proc-topbar{padding:0 14px}.proc-topbar p{display:none}.proc-content{padding:14px}.welcome-banner{align-items:flex-start;flex-direction:column;padding:22px}.welcome-banner .button{margin-top:18px}.metric-grid{gap:9px}.metric-grid article{min-height:108px}.metric-grid strong{font-size:16px}.request-row{grid-template-columns:auto 1fr auto;padding:10px 0}.request-row .priority,.request-row .request-value,.request-row .status-badge{display:none}.list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar .search-box{width:100%}.approval-grid{grid-template-columns:1fr}.stepper-header li strong{display:none}.stepper-header li{gap:5px}.catalog-grid,.request-form-layout,.review-layout,.form-grid{grid-template-columns:1fr}.detail-side{display:flex}.request-title-card .detail-facts,.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-items>div{grid-template-columns:auto 1fr auto;padding:8px 0}.detail-items>div>span:nth-child(3){display:none}.analytics-grid{grid-template-columns:1fr}.status-chart{height:230px;padding-left:10px;padding-right:10px}}