@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--bg:#090b12;--sidebar:#0d1019;--panel:#131723e0;--panel-strong:#141824;--line:#252b3b;--muted:#7d879d;--text:#eef2fb;--cyan:#48d9df;--cyan-dark:#163c44;--purple:#9878ff;--orange:#ffae42;--red:#ff5d6c;--green:#48d79b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 65% -10%, #162331 0, transparent 35%), var(--bg);min-height:100vh;overflow:hidden}.ambient{filter:blur(110px);opacity:.12;pointer-events:none;border-radius:999px;position:fixed}.ambient-one{background:#0ff;width:330px;height:330px;top:10%;right:-100px}.ambient-two{background:#ff314f;width:300px;height:260px;bottom:-170px;left:20%}.ambient-three{background:#ffbd2e;width:260px;height:250px;bottom:-190px;right:18%}.sidebar{z-index:20;background:#0b0e17f5;border-right:1px solid #202534;flex-direction:column;width:244px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #202534;align-items:center;gap:12px;height:82px;padding:0 24px;display:flex}.brand-mark{color:#071114;background:linear-gradient(135deg,#70f1e9,#43becd);border-radius:9px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 0 24px #50dae844}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:.16em;font:800 15px/1 Manrope}.brand small{color:var(--muted);letter-spacing:.04em;margin-top:6px;font-size:10px}.sidebar nav{flex:1;padding:25px 14px}.sidebar nav p{color:#586277;letter-spacing:.18em;margin:0 10px 12px;font-size:9px;font-weight:700}.sidebar nav button{color:#8d96aa;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;margin:3px 0;padding:0 12px;transition:all .2s;display:flex}.sidebar nav button span{flex:1;font-size:13px;font-weight:500}.sidebar nav button b{color:#fff;background:#fd5f69;border-radius:5px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;display:grid}.sidebar nav button:hover{color:#fff;background:#171b29}.sidebar nav button.active{color:#a4fcf7;background:linear-gradient(90deg,#17424b,#132c35);box-shadow:inset 3px 0 #4ddce0}.sidebar-bottom{border-top:1px solid #202534;padding:16px 14px}.system-status{align-items:center;gap:10px;padding:10px;display:flex}.system-status>span{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%}.system-status div{flex-direction:column;flex:1;display:flex}.system-status strong{font-size:11px}.system-status small{color:var(--muted);margin-top:3px;font-size:9px}.workspace{z-index:2;min-height:100vh;margin-left:244px;position:relative}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0a0d15b8;border-bottom:1px solid #202534;justify-content:space-between;align-items:center;height:66px;padding:0 30px;display:flex;position:sticky;top:0}.breadcrumb{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumb b{color:#3f475a}.breadcrumb strong{color:#cbd2e0;font-weight:500}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-button{color:#8d96a8;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{color:#fff;background:#1b2030}.notification{border:1px solid #252b3b;position:relative}.notification i{background:#ff5b6a;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px;box-shadow:0 0 0 2px #0e111a}.mobile-menu{display:none}.content{max-width:1500px;margin:auto;padding:34px 36px 55px}.page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.eyebrow{letter-spacing:.2em;font-weight:700;color:var(--cyan)!important;font-size:9px!important}.page-heading h1{letter-spacing:-.03em;margin:7px 0 8px;font:700 28px/1.15 Manrope}.page-heading p{color:var(--muted);margin:0;font-size:12px}.button{border:1px solid var(--line);color:#cbd2df;background:#171b28;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:12px;font-weight:600;display:inline-flex}.button.primary{color:#061417;background:linear-gradient(135deg,#75eee6,#3ac3d1);border-color:#67e8e4;box-shadow:0 8px 22px #31bec624}.button.danger{color:#fff;background:#8d3541;border-color:#b44450}.button.ghost:hover{background:#202535}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,#181c2af2,#0f121ce0);border-radius:10px;align-items:flex-start;gap:15px;min-height:116px;padding:20px;display:flex;box-shadow:0 12px 35px #00000020}.stat-icon{width:39px;height:39px;color:var(--cyan);background:#163f48;border-radius:9px;place-items:center;display:grid}.stat-icon.purple{color:#b199ff;background:#2c2450}.stat-icon.orange{color:var(--orange);background:#4b3119}.stat-icon.green{color:var(--green);background:#173b31}.stat-card>div:last-child{flex-direction:column;display:flex}.stat-card p{color:var(--muted);margin:0 0 4px;font-size:10px;font-weight:600}.stat-card strong{letter-spacing:-.03em;font:700 23px/1.2 Manrope}.stat-card span{color:#697389;margin-top:7px;font-size:9px}.alert-panel{background:linear-gradient(90deg,#241c17,#19191d);border:1px solid #5a4025;border-radius:9px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:14px 17px;display:flex}.alert-copy{align-items:center;gap:12px;display:flex}.alert-copy>span{width:33px;height:33px;color:var(--orange);background:#493119;border-radius:7px;place-items:center;display:grid}.alert-copy strong{font-size:12px}.alert-copy p{color:#8d8378;margin:3px 0 0;font-size:10px}.alert-panel button{color:#ffc05e;background:0 0;border:0;font-size:10px;font-weight:700}.panel{border:1px solid var(--line);background:var(--panel);border-radius:10px;overflow:hidden;box-shadow:0 16px 45px #00000024}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:17px 19px;display:flex}.panel-heading h2{margin:0 0 5px;font:700 14px Manrope}.panel-heading p{color:var(--muted);margin:0;font-size:10px}.table-tools{align-items:center;gap:8px;display:flex}.search-box{align-items:center;min-width:220px;display:flex;position:relative}.search-box svg{color:#606a7f;position:absolute;left:11px}.search-box input,.table-tools select,.filter-button{color:#aab3c4;background:#10131d;border:1px solid #2b3243;border-radius:6px;outline:none;height:34px;font-size:10px}.search-box input{width:100%;padding:0 10px 0 34px}.search-box input:focus,.table-tools select:focus{border-color:#3c8d98}.table-tools select{padding:0 28px 0 10px}.filter-button{align-items:center;gap:7px;padding:0 10px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:820px}th{color:#6e788c;text-transform:uppercase;letter-spacing:.09em;text-align:left;background:#111520;height:39px;padding:0 17px;font-size:9px;font-weight:700}td{color:#b8c0cf;white-space:nowrap;border-top:1px solid #242a3a;height:64px;padding:0 17px;font-size:11px}tbody tr{transition:all .15s}tbody tr:hover{background:#191e2b}.product-cell{align-items:center;gap:11px;display:flex}.product-cell>div{flex-direction:column;display:flex}.product-cell strong{color:#e5e9f2;font-weight:600}.product-cell span{color:#697489;margin-top:4px;font-size:9px}.product-mark{border:1px solid #ffffff12;border-radius:8px;flex:0 0 35px;place-items:center;width:35px;height:35px;font:700 12px Manrope;display:grid}.product-mark.purple{color:#bba8ff;background:#302752}.product-mark.cyan{color:#70e8e4;background:#173f47}.product-mark.orange{color:#ffbd62;background:#45301e}.product-mark.green{color:#61dca9;background:#183a32}.category{color:#939cb0;background:#191d29;border:1px solid #2d3445;border-radius:5px;padding:5px 8px;font-size:9px}.price{color:#e6eaf2;font-weight:600}.muted{color:var(--muted)!important}.level{align-items:center;gap:8px;display:flex}.level>span{background:#282e3e;border-radius:9px;width:72px;height:5px;overflow:hidden}.level i{border-radius:inherit;background:var(--cyan);height:100%;display:block}.level i.warn{background:var(--orange)}.level small{color:#697287;font-size:8px}.status{color:#65dda9;text-transform:uppercase;letter-spacing:.04em;background:#18362f;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-low-stock,.status-pending{color:#ffb94d;background:#45321d}.status-out-of-stock,.status-failed{color:#ff7480;background:#412129}.status-inactive{color:#8d96a7;background:#292d38}.status-completed{color:#65dda9;background:#18362f}.payment-status-select{color:#c9d0dc;text-transform:uppercase;background:#171b27;border:1px solid #303749;border-radius:6px;outline:none;min-width:92px;height:30px;padding:0 26px 0 9px;font-size:9px;font-weight:700}.payment-status-select:focus{border-color:#48a9b2}.status-select-paid{color:#65dda9;background:#17332c;border-color:#285646}.status-select-pending{color:#ffb94d;background:#342719;border-color:#604624}.status-select-failed{color:#ff7480;background:#351d23;border-color:#63303a}.row-actions{justify-content:flex-end;gap:4px;display:flex}.row-actions button{color:#707a8e;background:0 0;border:0;border-radius:5px;place-items:center;width:29px;height:29px;display:grid}.row-actions button:hover{color:#fff;background:#282e3e}.table-footer{border-top:1px solid var(--line);color:#687287;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;font-size:9px;display:flex}.table-footer div{gap:4px;display:flex}.table-footer button{color:#798397;background:#141824;border:1px solid #2a3141;border-radius:4px;height:25px;font-size:8px}.table-footer .current{color:#061417;background:var(--cyan);border-color:var(--cyan);width:25px}.table-footer button:disabled{opacity:.4}.empty-state{color:#606a7c;flex-direction:column;justify-content:center;align-items:center;height:220px;display:flex}.empty-state strong{color:#aeb6c5;margin-top:10px;font-size:12px}.empty-state p{font-size:10px}.movement-icon{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.movement-icon.in{color:var(--green);background:#183b31}.movement-icon.out{color:#ff7b86;background:#41212a}.positive{color:var(--green)}.negative{color:#ff7782}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.payment-stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.chart-panel,.activity-panel{min-height:365px}.panel-heading.simple{min-height:70px}.live-pill{color:var(--green);text-transform:uppercase;background:#17362e;border:1px solid #275a49;border-radius:5px;padding:5px 8px;font-size:8px}.bar-chart{padding:22px}.bar-row{color:#8b94a7;grid-template-columns:145px 1fr 28px;align-items:center;gap:13px;margin:17px 0;font-size:9px;display:grid}.bar-row>div{background:#252b3a;border-radius:10px;height:7px;overflow:hidden}.bar-row i{border-radius:inherit;background:linear-gradient(90deg,#745de5,#48d9df);height:100%;display:block}.bar-row strong{color:#d9deea;text-align:right;font-size:10px}.activity-list{padding:10px 19px}.activity-list>div{border-bottom:1px solid #242a38;align-items:center;gap:11px;padding:13px 0;display:flex}.activity-list div>div{flex:1}.activity-list strong{font-size:10px}.activity-list p{color:var(--muted);margin:4px 0 0;font-size:9px}.activity-list time{color:#697286;font-size:8px}.revenue-panel{background:linear-gradient(115deg,#18172b,#14272d);grid-column:1/-1;justify-content:space-between;align-items:center;min-height:155px;padding:26px 30px;display:flex}.revenue-panel p{color:#9182d3;letter-spacing:.15em;font-size:9px;font-weight:700}.revenue-panel h2{margin:8px 0 4px;font:700 30px Manrope}.revenue-panel span{color:var(--muted);font-size:10px}.donut{background:radial-gradient(circle, #171b27 58%, transparent 59%), conic-gradient(var(--cyan) 0 75%, #303747 75% 100%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:94px;height:94px;display:flex}.donut strong{font:700 18px Manrope}.donut span{text-transform:uppercase;letter-spacing:.1em;font-size:8px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05070bbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#151925;border:1px solid #303749;border-radius:12px;width:min(590px,100%);padding:22px;box-shadow:0 24px 90px #00000080}.modal header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal h2{margin:0;font:700 18px Manrope}.modal header p{color:var(--muted);margin:5px 0 0;font-size:10px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#8e98aa;font-size:10px;font-weight:600}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select{color:#dde2ec;background:#0f121b;border:1px solid #303749;border-radius:7px;outline:none;width:100%;height:40px;margin-top:7px;padding:0 12px;font-size:11px}.form-grid input:focus,.form-grid select:focus{border-color:#48a9b2;box-shadow:0 0 0 3px #48d9df0c}.form-grid input[readonly]{color:#7edee0;cursor:default;background:#111b24}.freebie-option{cursor:pointer;background:#11151f;border:1px solid #3a4050;border-radius:8px;align-items:center;gap:11px;min-height:58px;padding:11px 13px;display:flex}.form-grid .freebie-option input{width:17px;height:17px;accent-color:var(--cyan);flex:none;margin:0}.freebie-option>span{flex-direction:column;gap:3px;display:flex}.freebie-option strong{color:#dfe5ef;font-size:11px}.freebie-option small{color:#717c90;font-size:9px;font-weight:400}.movement-total{background:linear-gradient(110deg,#121c24,#132329);border:1px solid #29454a;border-radius:8px;grid-template-columns:1fr auto;align-items:center;min-height:70px;padding:13px 15px;display:grid}.movement-total.freebie{background:linear-gradient(110deg,#1c1729,#18212b);border-color:#54416f}.movement-total span{color:#82909f;font-size:10px;font-weight:600}.movement-total strong{color:#78e7df;font:700 19px Manrope}.movement-total small{color:#687688;grid-column:1/-1;margin-top:3px;font-size:9px}.freebie-badge{color:#baa2ff;text-transform:uppercase;vertical-align:middle;background:#2b2240;border:1px solid #554478;border-radius:4px;margin-left:7px;padding:3px 6px;font-size:7px;font-weight:700;display:inline-flex}.payment-status-select:disabled{cursor:not-allowed;opacity:.65}.form-actions{border-top:1px solid #292f3e;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;display:flex}.toast{z-index:80;color:#baf5df;background:#17352d;border:1px solid #2e5b4e;border-radius:8px;align-items:center;gap:9px;padding:12px 16px;font-size:11px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 50px #0008}.toast span{color:var(--green)}.sidebar-scrim{display:none}@media (max-width:1150px){.stats-grid{grid-template-columns:repeat(2,1fr)}.panel-heading{flex-direction:column;align-items:flex-start}.table-tools{width:100%}.search-box{flex:1}}@media (max-width:800px){.sidebar{transition:transform .22s;transform:translate(-100%);box-shadow:15px 0 60px #0009}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:15;background:#05070a99;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0}.mobile-menu{display:grid}.breadcrumb span,.breadcrumb b{display:none}.topbar{padding:0 18px}.content{padding:27px 18px 45px}.dashboard-grid{grid-template-columns:1fr}.revenue-panel{grid-column:auto}}@media (max-width:600px){.page-heading{flex-direction:column;align-items:stretch}.page-heading .button{align-self:flex-start}.stats-grid,.payment-stats{grid-template-columns:1fr}.stat-card{min-height:100px}.table-tools{flex-wrap:wrap;align-items:stretch}.search-box{flex-basis:100%}.table-tools select{flex:1}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.alert-panel{flex-direction:column;align-items:flex-start;gap:10px}.revenue-panel{padding:22px}.bar-row{grid-template-columns:100px 1fr 24px}}