@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.modern-shell{--sidebar-width:264px;background:#f4f7fb}.modern-shell .sidebar{width:var(--sidebar-width);padding:18px 13px 14px;background:linear-gradient(180deg,var(--primary),color-mix(in srgb,var(--primary),#10182c 25%));box-shadow:12px 0 40px #15203a12;transition:width .22s ease,transform .22s ease}.modern-shell .sidebar-head{min-height:68px;padding:0 8px 16px}.modern-shell .sidebar-head img{width:178px;height:62px;border-radius:13px}.modern-shell .sidebar nav{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#ffffff20 transparent}.modern-shell .nav-group{margin:0 0 9px}.nav-group-title{width:100%;padding:7px 11px;background:transparent;color:#91a0bd;border-radius:8px;justify-content:space-between;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.nav-group-title svg{width:14px;transition:transform .2s}.nav-group.collapsed .nav-group-title svg{transform:rotate(-90deg)}.nav-group-links{display:grid;overflow:hidden}.nav-group.collapsed .nav-group-links{display:none}.modern-shell .nav-group a{position:relative;min-height:41px;padding:9px 11px;color:#c7d0e2}.modern-shell .nav-group a svg{width:18px;height:18px;flex:0 0 auto;color:#93a3bf}.modern-shell .nav-group a span{white-space:nowrap}.modern-shell .nav-group a:hover{background:#ffffff0b;color:#fff}.modern-shell .nav-group a.active{color:#fff;background:linear-gradient(90deg,#ffffff1c,#ffffff0c);box-shadow:inset 3px 0 0 var(--accent)}.modern-shell .nav-group a.active svg{color:#6ee1eb}.sidebar-footer{display:grid;gap:4px;margin-top:auto;border-top:1px solid #ffffff13;padding-top:10px}.sidebar-compact-toggle,.modern-shell .logout{width:100%;justify-content:flex-start;background:transparent;color:#aebbd1;padding:10px 12px;font-size:12px}.sidebar-compact-toggle svg,.modern-shell .logout svg{width:17px}.modern-shell .content{margin-left:var(--sidebar-width);transition:margin-left .22s ease}.modern-shell.compact{--sidebar-width:78px}.modern-shell.compact .sidebar{padding-inline:10px}.modern-shell.compact .sidebar-head{padding-inline:0}.modern-shell.compact .sidebar-head img{width:56px;height:56px;object-fit:cover;object-position:left;padding:5px}.modern-shell.compact .nav-group-title{justify-content:center;padding:8px 0}.modern-shell.compact .nav-group-title span,.modern-shell.compact .nav-group-title svg,.modern-shell.compact .nav-group a span,.modern-shell.compact .sidebar-footer span{display:none}.modern-shell.compact .nav-group a{justify-content:center;padding:10px}.modern-shell.compact .nav-group a.active{box-shadow:inset 0 -3px 0 var(--accent)}.modern-shell.compact .sidebar-compact-toggle,.modern-shell.compact .logout{justify-content:center}.app-header{position:sticky;top:0;z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0!important}.header-action{padding:8px 11px;background:#eff9fa;color:#138896;border:1px solid #d5f0f2;font-size:11px}.header-action svg{width:15px}.connection-status{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:20px;font-size:10px}.connection-status.offline{color:#a34850;background:#fff0f1}.connection-status svg{width:14px}.catalog-presence{padding:7px 10px;border-radius:20px;background:#f3f6fa}.global-search{position:relative;width:min(470px,42vw);z-index:30}.global-search>svg{position:absolute;z-index:2;left:13px;top:10px;width:18px;color:#8390a6}.global-search>input{height:42px;padding:0 77px 0 41px;border-color:#e2e7ef;background:#f5f7fa}.global-search.focused>input{background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px #27bece16}.global-search>kbd{position:absolute;right:9px;top:9px;padding:4px 7px;border:1px solid #dce2eb;border-bottom-width:2px;border-radius:6px;color:#8a94a7;background:#fff;font:600 9px inherit}.global-search>.icon,.global-search>.search-loader{position:absolute;right:5px;top:5px;width:32px;height:32px;padding:7px;color:#8b96a8;background:transparent;z-index:2}.search-loader{animation:search-spin .8s linear infinite}.global-search-results{position:absolute;left:0;right:0;top:49px;max-height:min(540px,72vh);overflow:auto;padding:7px;background:#fff;border:1px solid #e3e8ef;border-radius:15px;box-shadow:0 24px 70px #17213a2b}.global-search-results>button{width:100%;justify-content:flex-start;text-align:left;padding:10px;background:transparent;color:#273451;border-radius:10px}.global-search-results>button:hover{background:#f2f8f9}.global-search-results>button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf8fa;color:#1896a4}.global-search-results>button svg{width:18px}.global-search-results>button div{min-width:0;display:grid}.global-search-results small{font-size:8px;color:#19a0af;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.global-search-results strong,.global-search-results p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-results strong{font-size:12px}.global-search-results p{margin:2px 0 0;color:#8893a5;font-size:10px}.search-empty{display:grid;justify-items:center;padding:28px;color:#7e899d;text-align:center}.search-empty svg{width:30px;margin-bottom:7px}.search-empty span{font-size:10px}.search-dismiss{display:none}.pwa-update{position:fixed;right:22px;bottom:22px;z-index:70;display:flex;align-items:center;gap:10px;padding:12px 13px;background:#253252;color:#fff;border-radius:13px;box-shadow:0 18px 50px #17213a40;font-size:12px}.pwa-update svg{width:18px;color:#63d5df}.pwa-update button{padding:8px 10px;background:var(--accent);font-size:10px}.mobile-bottom-nav{display:none}@keyframes search-spin{to{transform:rotate(360deg)}}@media(max-width:900px){.global-search{width:min(350px,45vw)}.catalog-presence span{display:none}}@media(max-width:720px){.modern-shell,.modern-shell.compact{--sidebar-width:264px}.modern-shell .sidebar,.modern-shell.compact .sidebar{width:264px;padding:18px 13px 14px}.modern-shell .content,.modern-shell.compact .content{margin-left:0}.modern-shell.compact .sidebar-head img{width:178px;height:62px;object-fit:contain;padding:6px}.modern-shell.compact .nav-group-title{justify-content:space-between;padding:7px 11px}.modern-shell.compact .nav-group-title span,.modern-shell.compact .nav-group-title svg,.modern-shell.compact .nav-group a span,.modern-shell.compact .sidebar-footer span{display:inline}.modern-shell.compact .nav-group a{justify-content:flex-start;padding:9px 11px}.modern-shell .sidebar-compact-toggle{display:none}.app-header{gap:7px}.global-search{position:static;width:auto;flex:1}.global-search>input{width:100%;padding-right:38px}.global-search>kbd{display:none}.global-search-results{position:fixed;top:68px;left:10px;right:10px;max-height:65vh}.catalog-presence,.app-header .avatar,.app-header .user,.header-action{display:none!important}.search-dismiss{display:block!important;position:fixed!important;inset:68px 0 0!important;width:auto!important;height:auto!important;z-index:-1!important;background:#17213a30!important}.modern-shell .content>main{padding-bottom:92px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:10px;right:10px;bottom:9px;z-index:45;padding:6px;background:#fffffff2;border:1px solid #e0e6ee;border-radius:17px;box-shadow:0 14px 40px #17213a2a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-bottom-nav a{display:grid;justify-items:center;gap:2px;padding:7px 3px;color:#8290a6;text-decoration:none;font-size:9px;font-weight:700}.mobile-bottom-nav svg{width:19px}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav a.active svg{color:var(--accent)}.pwa-update{left:12px;right:12px;bottom:82px;justify-content:center}}.modern-shell .sidebar nav{flex:1;min-height:0}.modern-shell .sidebar-head .logo-compact,.modern-shell.compact .sidebar-head .logo-full{display:none}.modern-shell.compact .sidebar-head .logo-compact{display:block;width:56px;height:56px;object-fit:contain;padding:3px}@media(max-width:720px){.modern-shell.compact .sidebar-head .logo-full{display:block;width:178px;height:62px;object-fit:contain;padding:6px}.modern-shell.compact .sidebar-head .logo-compact{display:none}}@media(max-width:720px){.app-header{gap:12px;padding:0 14px!important}.app-header>.mobile{width:42px;height:42px;flex:0 0 42px;padding:10px;border:1px solid #e0e6ee;border-radius:12px;background:#f5f7fa;color:var(--primary)}.app-header>.mobile svg{width:20px}.global-search{position:relative}.global-search>svg{left:13px;top:12px}.global-search>input{height:44px;border-radius:12px}.global-search-results{top:72px}}:root{font-family:DM Sans,sans-serif;color:#1d2946;background:#f5f7fb;font-synthesis:none;--primary:#303a60;--accent:#28bfd0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:10px;background:var(--primary);color:#fff;padding:11px 17px;font-weight:700;display:inline-flex;gap:8px;align-items:center;justify-content:center;cursor:pointer}button:hover{filter:brightness(.95)}button.secondary{background:#fff;color:#34405f;border:1px solid #dce2ec}.icon{padding:8px;background:transparent;color:#64708a}.danger{color:#d45460}.loading{height:100vh;display:grid;place-items:center}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:25px 18px 18px;background:var(--primary);color:#fff;display:flex;flex-direction:column;z-index:20}.sidebar-head{display:flex;align-items:center;gap:11px;padding:0 8px 27px}.sidebar-head>div:nth-child(2){display:flex;flex-direction:column}.sidebar-head strong{font-family:Manrope;font-size:20px}.sidebar-head span{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#aeb8d4}.mini-logo{width:39px;height:39px;border-radius:11px;background:var(--accent);display:grid;place-items:center;font-weight:800}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a,.logout{display:flex;align-items:center;gap:12px;color:#bec7dc;text-decoration:none;padding:11px 13px;border-radius:9px;font-size:14px}.sidebar nav a.active{color:#fff;background:#ffffff17}.logout{margin-top:auto;background:transparent}.content{margin-left:250px;min-width:0;flex:1}.content>header{height:72px;background:#fff;border-bottom:1px solid #e8ebf1;display:flex;align-items:center;padding:0 34px}.header-spacer{flex:1}.avatar{width:38px;height:38px;border-radius:50%;background:#e2f8fa;color:#168596;display:grid;place-items:center;font-weight:800;margin-right:10px}.user{display:flex;flex-direction:column}.user strong{font-size:13px}.user span{font-size:11px;color:#8790a5}.content>main{padding:34px;max-width:1500px;margin:auto}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px;gap:20px}.page-title p{font-size:11px;font-weight:800;color:#1aaabd;letter-spacing:1.7px;margin:0 0 7px}.page-title h1{font:800 28px Manrope;margin:0 0 5px}.page-title span{color:#7a849a;font-size:14px}.actions{display:flex;gap:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:20px}.cards article,.panel{background:#fff;border:1px solid #e9edf3;border-radius:15px;box-shadow:0 4px 18px #28345a08}.cards article{padding:20px;display:grid;grid-template-columns:45px 1fr;column-gap:13px}.metric-icon{grid-row:span 3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center}.blue{background:#eaf0ff;color:#526fcd}.cyan{background:#e4f9fa;color:#1aa7b6}.amber{background:#fff3db;color:#d9951d}.violet{background:#f1eaff;color:#8358ca}.cards span{color:#7b859a;font-size:12px}.cards strong{font:800 22px Manrope;margin-top:3px}.cards small,.cards a{color:#8b94a6;font-size:10px;text-decoration:none}.panel{padding:22px}.empty-panel{text-align:center;padding:55px}.empty-icon,.empty>svg{width:52px;height:52px;border-radius:15px;background:#e5f9fa;color:#1aa7b6;padding:13px;margin:auto}.empty-panel h2{font:700 18px Manrope;margin-bottom:4px}.empty-panel p,.empty p{color:#8490a4;font-size:13px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.toolbar>span{color:#8790a2;font-size:12px}.search{width:min(520px,70%);position:relative}.search svg{position:absolute;left:13px;top:12px;color:#919bad}.search input,input,select{width:100%;padding:11px 13px;border:1px solid #dfe4ed;border-radius:9px;outline:none;color:#2d3855;background:#fff}.search input{padding-left:40px}.search input:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #27bece18}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#8992a4;font-size:10px;text-transform:uppercase;letter-spacing:.8px;padding:11px;border-bottom:1px solid #e9edf3}td{padding:13px 11px;border-bottom:1px solid #eef1f5}.customer{display:flex;align-items:center;gap:11px}.customer>span{width:36px;height:36px;border-radius:10px;background:#edf8fa;color:#20a5b4;display:grid;place-items:center}.customer svg{width:17px}.customer div{display:flex;flex-direction:column}.customer small{color:#8a93a6}.row-actions{white-space:nowrap;text-align:right}.row-actions svg{width:16px}.empty{text-align:center;padding:50px}.modal-backdrop{position:fixed;inset:0;background:#18213d99;display:grid;place-items:center;padding:20px;z-index:50}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:17px;padding:25px;box-shadow:0 30px 80px #11182c55}.modal-head{display:flex;justify-content:space-between}.modal-head h2{font:800 21px Manrope;margin:0}.modal-head p{color:#8490a4;font-size:13px;margin-top:5px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#626d84;font-size:12px;font-weight:600}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf0f4;padding-top:18px}.error{color:#c33e4b;background:#fff0f1;padding:10px;border-radius:8px;font-size:13px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{background:linear-gradient(145deg,#2f395e,#202944);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:12%;position:relative;overflow:hidden}.login-brand:after{content:"";position:absolute;width:430px;height:430px;border:70px solid #2fc1d033;border-radius:50%;right:-220px;top:-150px}.brand-mark{width:68px;height:68px;border-radius:20px;background:var(--accent);display:grid;place-items:center}.login-brand h1{font:800 48px Manrope;margin:22px 0 8px}.login-brand p{color:#c7cee0;max-width:390px;font-size:17px}.login-panel{display:grid;place-items:center;padding:30px;background:#fff}.login-panel form{width:min(390px,100%)}.login-panel small{color:#1dabbc;font-weight:800;letter-spacing:1.6px}.login-panel h2{font:800 29px Manrope;margin:8px 0 27px}.login-panel label{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:#5d6880;font-size:13px;font-weight:600}.login-panel button{width:100%;margin-top:10px;padding:13px}.mobile,.scrim{display:none}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.mobile{display:inline-flex}.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:none}.scrim{display:block;position:fixed;inset:0;background:#121a2e88;z-index:10}.content{margin-left:0}.content>header{padding:0 17px}.content>main{padding:22px 16px}.page-title{align-items:flex-start;flex-direction:column}.page-title>button{width:100%}.actions{width:100%}.actions button{flex:1}.cards,.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:span 1}.login{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.user{display:none}.panel{padding:15px}.toolbar{align-items:flex-start;gap:10px}.search{width:100%}.toolbar>span{display:none}table{min-width:680px}}.sidebar-head img{width:155px;height:66px;object-fit:contain;padding:6px;background:#fff;border-radius:10px}.sidebar-head .mobile{margin-left:auto;color:#fff}.audit-badge{display:flex;align-items:center;gap:8px;color:#188d78;background:#e9faf5;border:1px solid #ccefe5;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:700}.audit-badge svg{width:18px}.audit-action{display:inline-block;padding:5px 9px;border-radius:20px;background:#edf4ff;color:#506dac;font-size:10px;font-weight:800;text-transform:uppercase}.settings-section{margin-bottom:18px}.settings-section h2{font:700 16px Manrope;display:flex;gap:8px;align-items:center;margin-top:0}.settings-section h2 svg{width:19px}.color-grid{display:flex;gap:25px}.color-grid label{display:flex;align-items:center;gap:10px;color:#626d84;font-size:13px}.color-grid input{width:52px;height:38px;padding:2px}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.type-grid label input{display:none}.type-grid span{border:1px solid #dfe4ec;border-radius:10px;padding:12px;display:flex;gap:9px;align-items:center;color:#68738a;cursor:pointer}.type-grid span svg{width:16px;opacity:0}.type-grid input:checked+span{border-color:var(--accent);background:#eafafb;color:#168c9a}.type-grid input:checked+span svg{opacity:1}.sticky-save{position:sticky;bottom:15px;display:flex;justify-content:flex-end;padding:10px}@media(max-width:720px){.type-grid{grid-template-columns:1fr 1fr}.color-grid{flex-direction:column}}.inventory-grid{display:grid;gap:10px}.inventory-grid article{display:grid;grid-template-columns:45px 1fr auto auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #e8ecf2;border-radius:12px}.stock-icon{width:42px;height:42px;border-radius:11px;background:#e7f8fa;color:#1ca4b4;display:grid;place-items:center}.stock-icon svg{width:20px}.stock-info{display:flex;flex-direction:column}.stock-info small{font-size:9px;color:#1da7b7;font-weight:800}.stock-info span{font-size:11px;color:#8a94a7}.stock-price,.stock-qty{display:flex;flex-direction:column;text-align:right}.stock-price strong{font-size:13px}.stock-price small,.stock-qty small{font-size:9px;color:#8a94a7}.stock-qty strong{font:800 20px Manrope}.small-modal{max-width:570px}@media(max-width:720px){.inventory-grid article{grid-template-columns:42px 1fr auto}.inventory-grid article>button{grid-column:1/-1}.stock-price{grid-column:2}.stock-qty{grid-column:3}}.catalog-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.catalog-layout h2{font:700 16px Manrope;margin-top:0}.inline-form{display:flex;gap:8px;margin-bottom:18px}.inline-form button{white-space:nowrap}.inline-form svg{width:16px}.tabs{display:flex;gap:8px;margin-bottom:15px}.catalog-list{display:grid;gap:8px;max-height:530px;overflow:auto}.catalog-list article{display:flex;gap:11px;align-items:center;border:1px solid #e9edf2;border-radius:10px;padding:11px}.catalog-list article>svg{color:#20a9b8;width:20px}.catalog-list div{display:flex;flex-direction:column}.catalog-list span{font-size:11px;color:#8993a7}@media(max-width:900px){.catalog-layout{grid-template-columns:1fr}}.form-grid textarea{width:100%;padding:11px 13px;border:1px solid #dfe4ed;border-radius:9px;resize:vertical;font:inherit}.order-board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.order-board article h3{margin:13px 0 5px}.order-board article p{font-size:13px;color:#68738a;min-height:40px}.order-board article small{color:#8d96a9}.order-top{display:flex;align-items:center;justify-content:space-between}.order-top>span{font-size:11px;font-weight:800;color:#1ca7b7}.order-top select{width:auto;padding:6px}.text-link{color:#168e9e;font-weight:700;text-decoration:none}@media(max-width:1000px){.order-board{grid-template-columns:1fr 1fr}}@media(max-width:650px){.order-board{grid-template-columns:1fr}}.public-catalog{min-height:100vh;max-width:1180px;margin:auto;padding:28px}.public-catalog>header{display:flex;align-items:center;gap:22px;margin-bottom:24px}.public-catalog>header img{width:92px;height:92px;object-fit:contain;border-radius:16px}.catalog-product-image{width:120px;height:110px;object-fit:cover;border-radius:12px}.nav-group{display:grid;gap:3px;margin-bottom:14px}.nav-group>small{padding:5px 15px;color:#91a0bd;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.nav-group a{padding:9px 15px}.catalog-presence{display:flex;align-items:center;gap:7px;color:#52617b;text-decoration:none;font-size:12px;font-weight:700}.catalog-presence svg{width:18px;color:var(--accent)}html{scroll-behavior:smooth}body{min-width:320px}button,a,input,select,textarea{transition:border-color .16s,box-shadow .16s,background-color .16s,transform .16s}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 72%);outline-offset:2px}.panel{box-shadow:0 7px 24px #24315208}.success-message{display:flex;align-items:center;gap:9px;padding:12px 14px;border:1px solid #ccecdf;border-radius:11px;background:#ecfaf4;color:#217a5c;font-size:12px;font-weight:700;animation:message-in .22s ease}.success-message svg{width:18px}.error{border:1px solid #f4d4d8;animation:message-in .22s ease}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{animation:modal-in .2s ease}.loading:after{content:"";width:25px;height:25px;border:3px solid #dbe3ec;border-top-color:var(--accent);border-radius:50%;animation:loading-spin .8s linear infinite}.loading{gap:10px;color:#7f8b9f;font-size:12px}@keyframes message-in{0%{opacity:0;transform:translateY(-5px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes loading-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:92svh;border-radius:20px 20px 0 0;padding:20px 16px 25px}.form-actions{position:sticky;bottom:-25px;z-index:3;margin:5px -16px -25px;padding:13px 16px 16px;background:#fffffff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-actions button{flex:1}.page-title h1{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}