@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#142a39;--muted:#7c8c9c;--line:#e8eef0;--mint:#0caa91;--mint-dark:#078c78;--bg:#f6f8fa}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);margin:0;font-family:DM Sans,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:30;background:#102d3c;flex-direction:column;flex-shrink:0;width:252px;height:100vh;padding:27px 16px 18px;display:flex;position:sticky;top:0}.logo{letter-spacing:-1px;align-items:center;gap:10px;padding:0 9px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.logo-mark{color:#fff;background:#15bca2;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 7px 18px #0bac9530}.mint{color:#2cdbc0}.logo small{letter-spacing:2px;color:#8daab6;margin-top:-2px;font:600 9px DM Sans,sans-serif;display:block}.workspace-label{color:#7395a5;letter-spacing:1.8px;margin:57px 15px 16px;font-size:10px;font-weight:800}.nav-list{gap:7px;display:grid}.nav-item{color:#a3bac5;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:14px;padding:14px 16px;font-size:13px;font-weight:700;display:flex}.nav-item:hover{color:#fff;background:#244554}.nav-item.active{color:#fff;background:#1f5360;box-shadow:inset 3px 0 #2de0c3}.nav-item.active svg:first-child{color:#30dec3}.nav-end{margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#1a3d49;border:1px solid #2f5260;border-radius:13px;margin-bottom:22px;padding:18px 16px}.sidebar-note-icon{color:#2ddfc4;margin-bottom:10px}.sidebar-note strong,.sidebar-note span{display:block}.sidebar-note strong{font-size:13px}.sidebar-note span{color:#94b3bf;margin-top:5px;font-size:11px}.profile{border-top:1px solid #2b4856;align-items:center;gap:10px;padding:17px 5px 0;display:flex}.avatar,.top-avatar{color:#c7fff2;background:#2a6b70;border-radius:11px;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.profile-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.profile-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.profile-info span{color:#89a4b1;font-size:11px}.icon-btn{color:#768994;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:inline-grid}.icon-btn:hover{color:var(--mint);background:#edf4f6}.logout{color:#b2c8d0}.logout:hover{background:#254a56}.main-area{flex:1;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:74px;padding:0 42px;display:flex}.top-left,.top-right,.breadcrumb{align-items:center;gap:14px;display:flex}.breadcrumb{color:#9cabb5;gap:9px;font-size:13px}.breadcrumb strong{color:#244052}.online{color:#657d85;align-items:center;gap:7px;font-size:12px;display:flex}.online span{background:#19c19d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e0f9f1}.top-avatar{width:35px;height:35px;font-size:13px}.page-content{max-width:1560px;margin:auto;padding:38px 42px 20px}.eyebrow{letter-spacing:2.1px;color:#079f8a;font-size:10px;font-weight:800}.page-title-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-title-row h1{letter-spacing:-1.5px;margin:7px 0;font:800 33px Manrope,sans-serif}.page-title-row p{color:#8898a4;margin:0;font-size:13px}.title-dot{color:#0aae93}.header-actions{gap:10px;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:12px 17px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:#0aa990;box-shadow:0 6px 16px #0aa99022}.btn-primary:hover{background:#098f7b}.btn-secondary{color:#516673;background:#fff;border-color:#e1e9ed}.btn-secondary:hover{background:#f8fbfc}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:15px;padding:23px;box-shadow:0 4px 22px #203b4806}.stat-header{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.stat-header>span{color:#7d8d9b;font-size:12px;font-weight:700}.stat-icon{border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.stat-icon.blue{color:#4779dd;background:#eaf1ff}.stat-icon.purple{color:#855fd1;background:#f2ebff}.stat-icon.mint{color:#08a98e;background:#e0f9f2}.stat-icon.amber{color:#edaa35;background:#fff3df}.stat-value{letter-spacing:-1px;white-space:nowrap;margin:13px 0 8px;font:800 clamp(20px,2.1vw,29px) Manrope,sans-serif;display:block}.stat-desc{color:#9aa7b1;font-size:11px}.dashboard-grid{grid-template-columns:1.12fr .88fr;gap:21px;margin-bottom:23px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;min-width:0;box-shadow:0 4px 22px #203b4805}.category-panel,.alerts-panel{min-height:300px;padding:25px 26px}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.panel-heading h2,.product-toolbar h2{letter-spacing:-.5px;margin:0 0 6px;font:800 17px Manrope,sans-serif}.panel-heading p,.product-toolbar p{color:#a0aeb8;margin:0;font-size:12px}.heading-icon{color:var(--mint);background:#ebfaf5;border-radius:10px;padding:10px}.bar-row{margin:17px 0}.bar-caption{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:12px;display:flex}.bar-caption span{color:#596e7d;align-items:center;gap:9px;font-weight:600;display:flex}.bar-caption strong{font-size:12px}.bar-dot{border-radius:4px;width:9px;height:9px;display:inline-block}.bar-track{background:#eef3f4;border-radius:8px;height:8px;overflow:hidden}.bar-fill{border-radius:8px;height:100%}.c0{background:#1ab99c}.c1{background:#5e8be6}.c2{background:#a584e8}.c3{background:#f5b35a}.c4{background:#e385a2}.badge-warning{color:#b97923;background:#fff4e9;border-radius:20px;padding:7px 10px;font-size:10px;font-weight:800}.alert-row{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:11px 0;display:flex}.alert-row:last-child{border-bottom:none}.alert-icon{color:#d69b39;background:#fff5e7;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.alert-copy{flex:1;gap:5px;min-width:0;display:grid}.alert-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.alert-copy span{color:#9aabb4;font-size:10px}.alert-qty{color:#c18a32;font-size:11px;font-weight:800}.all-good{color:#10ae92;flex-direction:column;justify-content:center;align-items:center;height:170px;display:flex}.all-good strong{margin-top:14px;font-size:13px}.all-good p{color:#9bb0b8;font-size:12px}.recent-panel{padding:24px 0 2px}.recent-panel .panel-heading{margin-bottom:17px;padding:0 25px}.text-button{color:#0aa88f;background:0 0;border:0;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex}.products-panel{padding:22px 0 4px}.product-toolbar{justify-content:space-between;align-items:center;gap:15px;padding:0 24px 22px;display:flex}.toolbar-actions{gap:12px;display:flex}.search-box{color:#9aabb5;background:#fcfdfd;border:1px solid #e0e8ee;border-radius:10px;align-items:center;gap:9px;min-width:270px;height:43px;padding:0 13px;display:flex}.search-box input{color:var(--ink);background:0 0;border:0;outline:none;width:100%;font-size:12px}.count-tag{color:var(--mint);background:#e9f9f4;border-radius:7px;margin-left:5px;padding:4px 8px;font:700 11px DM Sans,sans-serif}.table-scroll{overflow-x:auto}.products-table{border-collapse:collapse;white-space:nowrap;width:100%}.products-table th{text-align:left;color:#8796a3;letter-spacing:.5px;background:#f9fbfc;border-block:1px solid #f0f2f4;padding:15px 19px;font-size:10px;font-weight:800}.products-table td{color:#627585;border-bottom:1px solid #f1f4f5;padding:14px 19px;font-size:12px}.products-table tr:last-child td{border-bottom:0}.products-table tbody tr:hover{background:#fbfdfd}.products-table .number-cell,.products-table .actions-cell{text-align:right}.product-name{align-items:center;gap:10px;display:flex}.product-name strong{color:#304756;font-weight:800}.product-initial{color:#0b9b84;background:#e7f5f2;border-radius:9px;place-items:center;width:33px;height:33px;font-weight:800;display:grid}.sku{color:#758896;background:#f4f7f8;border-radius:5px;padding:6px 9px;font:700 11px DM Sans,sans-serif}.value-cell{font-weight:800;color:#304e5c!important}.status-pill{border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex}.status-pill span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.good{color:#168b61;background:#e7f8ef}.status-pill.low{color:#b97c22;background:#fff1e4}.row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.mini-action{color:#8b9ba5;background:0 0;border:0;border-radius:7px;place-items:center;padding:7px;display:grid}.mini-action:hover{color:#174e59;background:#eff4f6}.mini-action.add{color:#0aaf93}.mini-action.danger:hover{color:#db5c5c;background:#fff0ee}.empty{text-align:center;color:#9aabb5;padding:38px 15px}.empty>div{color:#10ab91;background:#f0f7f6;border-radius:15px;place-items:center;width:54px;height:54px;margin:0 auto 13px;display:grid}.empty strong{color:#657f88;font-size:13px}.empty p{font-size:12px}.footer{color:#a2b0b9;justify-content:space-between;padding:24px 4px 10px;font-size:11px;display:flex}.movement{border-radius:8px;align-items:center;gap:4px;padding:7px 9px;font-weight:800;display:inline-flex}.movement-in{color:#159169;background:#e7f8ef}.movement-out{color:#cf6859;background:#fff0ee}.modal-overlay{z-index:80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#091f2db9;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:19px;width:min(545px,100%);max-height:95vh;overflow-y:auto;box-shadow:0 30px 100px #071b264f}.modal-top{border-bottom:1px solid var(--line);justify-content:space-between;padding:25px 28px 23px;display:flex}.modal-top h2{letter-spacing:-1px;margin:8px 0 6px;font:800 23px Manrope,sans-serif}.modal-top p{color:#94a4b0;margin:0;font-size:12px}.modal-form{gap:18px;padding:25px 28px 26px;display:grid}.modal-form label,.auth-card label{color:#42596a;gap:8px;font-size:12px;font-weight:800;display:grid}.modal-form label span{color:#e06666}.modal-form input,.auth-card input{color:#263c4a;background:#fbfcfd;border:1px solid #e0e8ec;border-radius:9px;outline:none;width:100%;padding:12px 13px;font-size:13px}.modal-form input:focus,.auth-card input:focus{border-color:#0db69c;box-shadow:0 0 0 3px #0db69c16}.field-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.error-message{color:#b84040;background:#fff1f1;border:1px solid #fcc;border-radius:9px;padding:11px 13px;font-size:12px}.direction-picker{grid-template-columns:1fr 1fr;gap:10px;display:grid}.direction-picker button{color:#677e8b;background:#f8fafb;border:1px solid #e8edf0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:14px;font-weight:800;display:flex}.direction-picker .chosen.in{color:#069e83;background:#ecfaf6;border-color:#0aba9d}.direction-picker .chosen.out{color:#cc685d;background:#fff3f1;border-color:#eab6ae}.stock-current{color:#8095a2;background:#f7fafb;border-radius:10px;justify-content:space-between;padding:13px;font-size:12px;display:flex}.stock-current strong{color:#1e3e4d}.toast{z-index:100;color:#fff;background:#153b44;border-radius:11px;align-items:center;gap:9px;padding:14px 19px;font-size:12px;font-weight:700;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 10px 40px #173d4d33}.toast svg{color:#2ad4b5}.rotating{animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.mobile-menu,.mobile-backdrop{display:none}.auth-layout{background:#fff;grid-template-columns:1.04fr .96fr;min-height:100vh;display:grid}.auth-hero{color:#fff;background:linear-gradient(142deg,#112e3d,#0c3c45 65%,#087969);flex-direction:column;padding:52px 65px;display:flex;position:relative;overflow:hidden}.auth-hero .logo{z-index:1;padding:0}.auth-hero .logo.big{font-size:25px}.auth-hero-content{z-index:1;max-width:570px;margin:auto 0}.auth-hero-content .eyebrow{color:#62e6d0}.pulse{background:#49e8c8;border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.auth-hero-content h1{letter-spacing:-3px;margin:30px 0;font:800 clamp(42px,4.6vw,72px)/1.14 Manrope,sans-serif}.auth-hero-content h1 span{color:#49e1c5}.auth-hero-content>p{color:#b4d0d4;max-width:440px;font-size:15px;line-height:1.85}.auth-features{color:#d3e6e8;gap:15px;margin-top:33px;font-size:13px;font-weight:600;display:grid}.auth-features span{align-items:center;gap:10px;display:flex}.auth-features svg{color:#5aebcc}.auth-foot{z-index:1;letter-spacing:2px;color:#89bac0;font-size:10px}.auth-pattern{border:1px solid #ffffff10;border-radius:50%;width:550px;height:550px;position:absolute;bottom:-120px;right:-270px;box-shadow:0 0 0 70px #ffffff05,0 0 0 140px #ffffff04,0 0 0 220px #ffffff03}.auth-form-zone{place-items:center;padding:45px;display:grid}.auth-card{width:min(410px,100%)}.auth-card h2{letter-spacing:-1px;margin:15px 0 8px;font:800 31px Manrope,sans-serif}.auth-card>p{color:#879baa;margin-bottom:35px;font-size:13px;line-height:1.7}.auth-card form{gap:22px;display:grid}.auth-card input{padding:15px;font-size:14px}.auth-card .full{width:100%;margin-top:7px;padding:16px;font-size:13px}.auth-safe{color:#9aabb6;justify-content:center;align-items:center;gap:9px;margin-top:38px;font-size:11px;display:flex}.auth-safe svg{color:#15ae96}.loading-page{color:#8295a4;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid #e0ebe8;border-top-color:#0aad96;border-radius:50%;width:34px;height:34px;animation:1s linear infinite rotate}@media (max-width:1300px){.stats-grid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 28px}.page-content{padding:30px 28px}.sidebar{width:235px}.stat-value{font-size:26px}}@media (max-width:980px){.dashboard-grid{grid-template-columns:1fr}.sidebar{transition:left .2s;position:fixed;left:-270px}.sidebar.opened{left:0}.mobile-menu{display:inline-grid}.mobile-backdrop{z-index:25;background:#102b3c99;border:0;width:100%;display:block;position:fixed;inset:0}.auth-layout{grid-template-columns:1fr}.auth-hero{min-height:380px;padding:35px}.auth-hero-content{margin:55px 0 30px}.auth-hero-content h1{font-size:46px}.auth-form-zone{padding:65px 25px}}@media (max-width:670px){.topbar{height:65px;padding:0 19px}.page-content{padding:25px 16px}.top-right .online{display:none}.page-title-row{flex-direction:column;align-items:flex-start}.page-title-row h1{font-size:28px}.page-title-row p{line-height:1.6}.header-actions{width:100%}.header-actions .btn{flex:1}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-value{font-size:21px}.stat-header>span{font-size:11px}.stat-icon{width:36px;height:36px}.category-panel,.alerts-panel{padding:19px}.product-toolbar{flex-direction:column;align-items:stretch}.toolbar-actions{flex-wrap:wrap}.search-box{flex:1;min-width:180px}.footer{flex-direction:column;gap:8px}.auth-hero{min-height:360px;padding:27px}.auth-hero-content h1{letter-spacing:-2px;font-size:40px}.auth-hero-content>p{font-size:13px}.auth-form-zone{padding:45px 25px}.field-grid{grid-template-columns:1fr}.modal-top,.modal-form{padding:19px}.status-pill{white-space:nowrap}}