@import url('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:#17262e;--muted:#84939b;--line:#e6ecec;--surface:#fff;--canvas:#f5f8f8;--teal:#128f87;--teal-dark:#087a72;--navy:#122832;--shadow:0 10px 30px rgba(15,43,49,.035)}
*{box-sizing:border-box}body{margin:0;font-family:'DM Sans','Manrope',system-ui,sans-serif;background:var(--canvas);color:var(--ink);font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.035em}h1{font-size:28px;font-weight:800;margin:4px 0 0}h2{font-size:18px;font-weight:800;margin:3px 0 0}small{font-size:11px}.muted{color:#83929a}.eyebrow,.step-label{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--teal)}.app-shell{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--navy);color:#d1dce0;min-height:100vh;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;z-index:10}.brand{padding:29px 26px 32px;display:flex;align-items:center;gap:11px;color:#fff}.brand-mark,.auth-logo{display:grid;place-content:center;width:43px;height:43px;border-radius:13px;background:#20aaa2;color:#fff;font-size:27px;line-height:1;font-weight:900;letter-spacing:-.12em}.brand-mark span,.auth-logo span{color:#b4f3e9}.brand-text{font-size:24px;line-height:1.1;letter-spacing:-.07em;font-weight:800}.brand-text small{display:block;font-size:8px;letter-spacing:.25em;font-weight:700;opacity:.6;margin-top:7px}.sidebar-heading{color:#66828d;font-size:10px;letter-spacing:.15em;font-weight:800;margin:3px 27px 14px}.sidebar-heading.inside{margin-top:30px}.nav{display:grid;gap:5px;padding:0 12px}.nav>a{padding:13px 13px;border-radius:10px;display:flex;align-items:center;gap:15px;font-size:13px;font-weight:650;transition:.15s}.nav>a:hover{background:#213943;color:#fff}.nav>a.active{background:#1c4e53;color:#e7fffb;box-shadow:inset 3px 0 0 #3ce0c7}.ico{width:20px;text-align:center;font-size:19px;font-weight:400}.sidebar-bottom{display:flex;align-items:center;margin-top:auto;padding:20px 19px;border-top:1px solid #2b424d;gap:10px}.avatar,.top-avatar{display:grid;place-content:center;width:36px;height:36px;background:#276368;color:#fff;border-radius:11px;font-size:13px;font-weight:800}.sidebar-bottom b{font-size:12px;color:#fff}.sidebar-bottom small{display:block;color:#8ca8b1;margin-top:3px}.logout{margin-left:auto}.logout button{color:#9dbcc3;background:transparent;border:0;font-size:23px}.main{min-width:0;flex:1}.topbar{height:74px;border-bottom:1px solid #e7eeee;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{color:#779097;font-size:11px;letter-spacing:.13em;font-weight:800}.breadcrumb span{padding:0 11px;color:#c5d3d5}.top-right{display:flex;align-items:center;gap:9px;font-size:11px;color:#92a0a8}.online-dot{height:7px;width:7px;border-radius:100%;background:#1cb5a0}.top-avatar{width:31px;height:31px;margin-left:13px;border-radius:50%;background:#e2ecee;color:#45717a}.content{padding:36px 40px 65px;max-width:1650px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:9px;padding:11px 16px;font-size:12px;font-weight:800;white-space:nowrap;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--teal);box-shadow:0 5px 13px rgba(13,143,133,.13)}.btn-primary:hover{background:#05786f}.btn-secondary{color:#395159;background:#eef4f4;border:1px solid #e1e9ea}.btn-ghost{background:transparent;color:#6e8087;border:1px solid #e4ebeb}.btn-light{background:#fff;color:#1c716c}.btn-full{width:100%}.btn-sm{padding:9px 11px;font-size:11px}.btn-lg{padding:15px 21px;font-size:13px}.panel{background:#fff;border:1px solid #e9efef;border-radius:15px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:25px 28px;border-bottom:1px solid var(--line)}.panel-heading h2{margin:2px 0 0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:23px 0}.stat{padding:22px 24px;background:#fff;border:1px solid #e9efef;border-radius:13px}.stat span{color:#8c999c;font-size:12px}.stat strong{display:block;font-size:31px;font-family:'Manrope',sans-serif;letter-spacing:-.05em;margin-top:9px}.stat small{display:block;color:#9dadb2;margin-top:4px}.welcome-banner{background:linear-gradient(115deg,#134148 0%,#12665f 100%);height:241px;border-radius:16px;overflow:hidden;color:white;display:flex;justify-content:space-between;padding:28px 43px;position:relative}.welcome-banner:after{content:'';position:absolute;width:470px;height:470px;border:1px solid rgba(255,255,255,.12);border-radius:50%;top:-240px;right:-100px}.welcome-banner h2{font-size:27px;max-width:440px;margin:13px 0}.welcome-banner p{font-size:12px;max-width:450px;color:#c4e5e2;margin-bottom:20px}.banner-tag{font-size:10px;letter-spacing:.18em;font-weight:800;color:#9be0cf}.banner-art{position:relative;width:260px;min-width:260px}.mock-sheet{background:#fff;color:#176c68;padding:21px;transform:rotate(-12deg);width:220px;height:270px;border-radius:12px;position:absolute;right:32px;top:4px;box-shadow:0 12px 30px #082a3452}.mock-brand{font-size:26px;font-weight:900;letter-spacing:-.1em;margin-bottom:29px}.mock-brand span{color:#52baac}.mock-sheet i{display:block;background:#e7f4f1;width:100%;height:11px;border-radius:4px;margin-top:14px}.mock-sheet i:nth-child(even){width:73%}.mock-sheet b{font-size:8px;letter-spacing:.17em;color:#b0c9c4}.subtle-link,.text-link{color:var(--teal);font-weight:800;font-size:12px}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{font-size:10px;color:#90a1a6;letter-spacing:.08em;text-transform:uppercase;font-weight:800;background:#fbfdfd;text-align:left;padding:15px 24px;white-space:nowrap}.data-table td{padding:16px 24px;border-top:1px solid #ecf1f1;vertical-align:middle;color:#4b5b61}.data-table td b,.data-table td strong{color:#203740}.data-table td.right,.data-table th.right{text-align:right}.empty{text-align:center;color:#8d9da3!important;padding:42px!important}.cell-note{display:block;color:#a0afb5;margin-top:4px}.pill{display:inline-flex;background:#f1f6f6;color:#598081;padding:5px 10px;border-radius:25px;font-size:11px;font-weight:700;white-space:nowrap}.pill-green{color:#198373;background:#e9f9f4}.pill-yellow{color:#a17a20;background:#fdf5e3}.count-chip{display:inline-flex;background:#eff5f4;color:#708890;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px}.action-group{display:flex;align-items:center;gap:5px}.icon-btn{width:31px;height:31px;border:1px solid #e7eded;border-radius:8px;display:inline-grid;place-content:center;background:#fff;color:#6a8289;font-size:17px}.icon-btn:hover{color:var(--teal);background:#eef8f7}.delete-btn{color:#c86f63}.search-form{display:flex;gap:8px}.search-form input{width:260px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}.field,.stack-form label,.add-product-form label{display:flex;flex-direction:column;font-weight:700;color:#5d727a;font-size:11px;gap:8px}.field em{color:#e16c6c;font-style:normal}input:not([type=checkbox]),select,textarea{border:1px solid #e0e8ea;border-radius:8px;background:#fff;color:#314852;padding:11px 13px;outline:none;width:100%;min-width:0;transition:border-color .16s,box-shadow .16s}input:not([type=checkbox]):focus,select:focus,textarea:focus{border-color:#52bcb0;box-shadow:0 0 0 3px #1aa99b1c}input::placeholder,textarea::placeholder{color:#b2c0c4}textarea{resize:vertical}.span2{grid-column:span 2}.form-section{margin-bottom:20px}.form-section>.field-grid,.form-section>.discount-line,.form-section>.hint{margin:0 28px 24px}.form-section>.field-grid:first-of-type{margin-top:25px}.form-section .field-grid{padding-top:23px}.quote-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start}.quote-aside{position:sticky;top:22px}.sticky-panel{padding:25px}.sticky-panel h2{margin:6px 0 24px}.summary-stat{display:flex;justify-content:space-between;border-top:1px solid #eef2f3;padding:14px 0;color:#8e9ea3;font-size:12px}.summary-stat strong{color:#263e48;font-size:13px}.summary-divider,.divider{border-top:1px solid #e8eeee;margin:16px 0}.mini-list{max-height:430px;overflow-y:auto}.mini-product{display:flex;justify-content:space-between;gap:11px;border-bottom:1px solid #eef3f3;padding:11px 0;font-size:11px}.mini-product span{color:#71858b;max-width:170px}.mini-product b{text-align:right;white-space:nowrap;color:#2a454a}.discount-line{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding-top:0;margin-top:0!important}.discount-line strong{font-size:11px;color:#6d858e;margin-right:7px}.discount-chip{border-radius:7px;border:1px solid #dcebea;padding:9px 13px;background:#f6faf9;color:#397c77;font-size:11px;font-weight:800}.discount-chip.active,.discount-chip:hover{background:#e2f5f0;color:#087e72;border-color:#72cfc1}.hint{color:#6b8a91;font-size:12px;display:flex;gap:9px;background:#f5faf9;border:1px solid #e4f1ef;padding:12px!important;border-radius:8px}.hint span{color:#24a699;font-weight:bold}.hint.smaller{font-size:10px;margin:17px 0 0!important;padding:12px!important}.product-toolbar{display:flex;gap:11px;margin:20px 27px}.product-toolbar input{flex:1}.catalog-select{margin:0 27px 23px}.catalog-category{border:1px solid #e6eded;border-radius:10px;margin-bottom:11px;overflow:hidden}.catalog-category>.cat-head{display:flex;align-items:center;gap:12px;padding:14px 15px;background:#f9fbfb}.catalog-category>.cat-head button{border:0;background:transparent;font-weight:800;color:#425d65;text-align:left;flex:1;padding:0;cursor:pointer}.cat-count{font-size:10px;color:#90a3a9}.catalog-products{padding:4px 0}.catalog-products.collapsed{display:none}.catalog-product{display:grid;grid-template-columns:22px minmax(0,1fr) 92px 180px;gap:10px;align-items:center;padding:12px 15px;border-top:1px solid #f0f4f4}.catalog-product.hidden-by-search{display:none}.catalog-product .p-name{font-size:11px;font-weight:650;color:#4a6670}.catalog-product .p-name small{display:block;color:#a3b0b4;margin-top:3px}.catalog-product .p-price{font-size:12px;font-weight:800;text-align:right;color:#2e5158;white-space:nowrap}.catalog-product input[type=checkbox],.mini-check input{accent-color:var(--teal);width:15px;height:15px;margin:0}.manual-field{display:flex;align-items:center;gap:5px}.manual-field label{font-size:10px;color:#738991;white-space:nowrap}.manual-field input{padding:8px 7px!important;font-size:11px;width:90px!important}.manual-field input:disabled{background:#f5f7f7;color:#b4c4c8}.manual-toggle{width:14px;height:14px;accent-color:#ce9d3d}.note-field{margin:28px!important}.save-bar{background:#fff;border:1px solid #e5eded;border-radius:14px;padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.save-bar b{display:block;font-size:13px}.save-bar span{display:block;color:#91a0a4;font-size:11px;margin-top:4px}.save-bar .btn span{color:inherit;font-size:17px;margin:0}.step-label{color:#6ab5a9}.section-icon{display:grid;place-content:center;width:34px;height:34px;border-radius:9px;background:#f1f9f7;color:#54a498;font-size:18px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:23px}.detail-main>.panel{margin-bottom:20px}.detail-header{padding:32px}.detail-header h2{font-size:26px;margin:8px 0 20px}.detail-meta{display:flex;flex-wrap:wrap;gap:12px 20px;color:#83969b;font-size:12px;margin-bottom:27px}.action-row{display:flex;gap:10px;flex-wrap:wrap}.side-panel{padding:26px;margin-bottom:20px}.side-panel h2{margin:7px 0 15px}.stack-form{display:grid;gap:17px;margin-top:20px}.history-item{border-bottom:1px solid #eef2f2;padding:9px 0;margin:0}.history-item b,.history-item small{display:block}.history-item b{font-size:11px}.history-item small{color:#9dadb1;margin-top:3px}.category-table-row td{background:#f1f7f6!important;color:#347b75!important;font-weight:800!important;font-size:11px!important;letter-spacing:.03em}.tab-nav{display:flex;gap:7px;border-bottom:1px solid #dce9e8;margin-bottom:21px;overflow-x:auto}.tab-nav a{padding:13px 17px;font-size:12px;font-weight:750;white-space:nowrap;color:#799099;border-bottom:3px solid transparent}.tab-nav a.current{color:var(--teal);border-color:var(--teal)}.settings-panel{padding:0 0 28px}.settings-panel>.field-grid,.settings-panel>.muted{margin:20px 27px}.settings-separator{margin:30px 28px 0;border-top:1px solid #e7eeee;padding-top:24px}.settings-separator h2{margin-top:7px}.save-settings{margin:27px 28px 0;text-align:right}.settings-two{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:19px;align-items:start}.settings-two>.panel>.muted{font-size:12px}.category-edit{display:grid;grid-template-columns:28px minmax(120px,1fr) minmax(130px,.7fr) 58px 73px;gap:10px;align-items:center;padding:9px 20px;border-bottom:1px solid #eff3f3}.category-edit input,.category-edit select{font-size:11px;padding:8px 9px}.drag-handle{font-size:24px;cursor:grab;color:#a2b6ba;text-align:center;user-select:none}.draggable-row.dragging{opacity:.45;background:#eaf7f4}.mini-check{display:flex;gap:7px;align-items:center;justify-content:center;font-size:10px;color:#76939a;white-space:nowrap}.add-product-box{margin:23px 26px;padding:16px;background:#f6faf9;border:1px solid #deedeb;border-radius:10px}.add-product-box summary{font-weight:800;color:#208d83;cursor:pointer;font-size:12px}.add-product-form{display:grid;grid-template-columns:2fr 1.4fr 1fr 1fr 1fr auto;gap:10px;align-items:end;margin-top:15px}.add-product-form input,.add-product-form select{font-size:11px;padding:10px}.catalog-settings-search{margin:15px 26px 20px}.category-accordion{border-top:1px solid #e4eeee}.category-accordion>summary{list-style:none;display:flex;align-items:center;gap:13px;padding:17px 26px;font-weight:800;font-size:12px;cursor:pointer;background:#fcfefe}.category-accordion>summary::-webkit-details-marker{display:none}.category-icon{color:#8fb2b2}.category-accordion>summary .count-chip{margin-left:auto}.product-list-heading,.product-edit{display:grid;grid-template-columns:minmax(240px,3fr) minmax(170px,1.5fr) 95px 76px 70px 55px 69px;gap:7px;align-items:center;padding:10px 20px}.product-list-heading{color:#a2b1b5;font-size:9px;font-weight:800;text-transform:uppercase;background:#f8fbfb}.product-edit{border-bottom:1px solid #f0f4f3}.product-edit input,.product-edit select{font-size:10px;padding:9px 7px}.product-name-input{display:flex;align-items:center;gap:6px}.product-name-input input{flex:1}.product-edit .mini-check{font-size:9px}.discount-setting{display:flex;justify-content:space-between;align-items:center;padding:17px 27px;border-bottom:1px solid #e7eded}.discount-setting>div{display:flex;justify-content:space-between;flex:1;align-items:center}.discount-setting span{font-weight:800;color:#00887c;margin-right:20px}.user-edit{display:flex;gap:9px;align-items:center;padding:15px 21px;border-bottom:1px solid #ebf0f0;flex-wrap:wrap}.user-edit>*{min-width:60px}.user-edit .user-details{flex:1;min-width:125px}.user-edit input{max-width:180px;font-size:11px}.user-edit select{width:120px;font-size:11px}.user-initial{width:32px;min-width:32px;height:32px;display:grid;place-content:center;background:#eaf7f3;color:#378a7e;border-radius:8px;font-weight:800}.user-details small{display:block;color:#9aabb1}.side-stack{display:flex;flex-direction:column;gap:20px}.alert{padding:13px 17px;border-radius:10px;margin-bottom:17px;font-size:12px;font-weight:700}.alert-success{background:#e9f7ee;color:#257e65;border:1px solid #d0eddb}.alert-danger{background:#fff0ef;color:#b9574c;border:1px solid #f8d6d2}.auth-page{min-height:100vh;display:grid;place-content:center;background:#eaf2f1}.auth-wrap{display:grid;grid-template-columns:480px 470px;max-width:950px;min-height:640px;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 100px rgba(15,39,48,.13)}.auth-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#102c33,#107c74);padding:53px 50px;color:#fff;display:flex;flex-direction:column}.hero-overline{font-size:10px;font-weight:800;letter-spacing:.2em;color:#95d4ca}.hero-brand{font-size:47px;font-weight:800;letter-spacing:-.1em;margin-top:65px}.hero-brand span{color:#78e0c9}.auth-hero h1{font-size:30px;line-height:1.35;max-width:350px;margin-top:13px}.auth-hero h1 em{font-style:normal;color:#99e6d7}.auth-hero p{max-width:320px;color:#a7d0cb;font-size:12px;line-height:1.9}.hero-foot{font-size:10px;letter-spacing:.12em;color:#8ebcb6;margin-top:auto}.hero-orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffff14;border-radius:50%;right:-160px;top:-100px}.auth-form{padding:68px 60px}.auth-form h2{font-size:26px;margin-top:22px}.auth-form .muted{font-size:12px;line-height:1.7;margin-top:10px}.auth-form .stack-form{margin-top:37px}.auth-form input{padding:14px}.auth-logo{width:45px;height:45px}.auth-note{margin-top:25px;text-align:center;font-size:11px;color:#a0afb4}.error-card{margin:auto;background:white;border-radius:15px;padding:45px;width:420px}.error-card p{line-height:1.7;color:#879ba1}
@media(max-width:1200px){.content{padding:28px}.quote-grid,.detail-grid{grid-template-columns:minmax(0,1fr) 260px}.settings-two{grid-template-columns:1fr}.add-product-form{grid-template-columns:repeat(3,1fr)}.product-list-heading,.product-edit{grid-template-columns:minmax(240px,3fr) 160px 90px 75px 65px 55px 65px;width:960px}.category-accordion{overflow-x:auto}}
@media(max-width:840px){.sidebar{width:72px}.brand{padding:22px 14px}.brand-text,.sidebar-heading,.nav>a{font-size:0}.brand-mark{width:43px}.nav>a{justify-content:center;padding:13px}.ico{font-size:21px}.sidebar-bottom{padding:12px}.sidebar-bottom>div:not(.avatar),.logout{display:none}.topbar{padding:0 20px}.content{padding:25px 18px}.quote-grid,.detail-grid{display:block}.quote-aside{position:static;margin-top:18px}.stat-grid{grid-template-columns:repeat(2,1fr)}.banner-art{display:none}.welcome-banner{height:auto}.auth-wrap{grid-template-columns:1fr;max-width:460px}.auth-hero{display:none}.auth-form{padding:50px 35px}}
@media(max-width:540px){.page-head{flex-wrap:wrap}.top-right{font-size:0}.field-grid{grid-template-columns:1fr}.span2{grid-column:auto}.catalog-product{grid-template-columns:20px 1fr 72px;gap:7px}.catalog-product .manual-field{grid-column:2/4}.save-bar{display:block}.save-bar .btn{margin-top:15px;width:100%}.stat-grid{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:17px}.stat strong{font-size:24px}.welcome-banner{padding:25px}.welcome-banner h2{font-size:22px}.product-toolbar{flex-wrap:wrap}.product-toolbar input{width:100%;flex:auto}.settings-panel>.field-grid{margin:20px}.category-edit{width:760px}.sortable-group[data-sortable=categories]{overflow-x:auto}.search-form input{width:170px}}