:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172e32;background:#f4f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--petrol:#1d454d;--petrol-dark:#15353c;--lime:#e6fe2e;--cream:#fcfcf3;--muted:#74868a;--border:#e7ebe8}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{background:linear-gradient(160deg,#193e45,#15363c);color:#edf8f4;width:267px;flex:0 0 267px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:24px 17px 18px;z-index:40;box-shadow:12px 0 32px #11363b0a}.sidebar-header{padding:0 7px 23px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand-icon{display:grid;place-items:center;width:43px;height:43px}.brand-icon img{width:42px;height:42px}.brand strong{display:block;font-size:16.3px;letter-spacing:-.8px;font-weight:900;white-space:nowrap}.brand strong span{color:var(--lime)}.brand small{color:#a8c3c5;display:block;font-weight:700;font-size:9px;letter-spacing:2.15px;margin-top:3px}.sidebar-close{display:none;background:none;border:0;color:#fff}.sidebar-workspace{border:1px solid rgba(228,255,248,.17);border-radius:13px;padding:11px 12px;display:flex;align-items:center;gap:10px;background:#ffffff0b;margin-bottom:23px}.workspace-icon{background:#e6fe2e21;color:var(--lime);width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.sidebar-workspace>div{flex:1;min-width:0}.sidebar-workspace strong{display:block;font-size:12.5px}.sidebar-workspace small{display:block;font-size:10px;color:#a7c4c5;margin-top:4px}.sidebar-workspace>svg{color:#91aeb0}.nav-group{margin-bottom:18px}.nav-group>p{font-size:9px;letter-spacing:1.7px;color:#8babb1;font-weight:800;margin:0 0 10px 13px}.nav-item{height:43px;padding:0 13px;border:0;background:transparent;width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:#b5cccd;border-radius:10px;margin-bottom:3px;font-size:12.6px;font-weight:650;position:relative;transition:all .18s}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--lime);color:#15363b;font-weight:850;box-shadow:0 7px 18px #e6fe2e21}.nav-marker{margin-left:auto;width:5px;height:5px;border-radius:5px;background:#19434b}.sidebar-bottom{margin-top:auto}.sidebar-growth{background:#ffffff0f;border:1px solid rgba(255,255,255,.11);border-radius:13px;padding:16px;margin-bottom:18px}.sidebar-growth>span{width:30px;height:30px;display:grid;place-items:center;background:var(--lime);color:#17363b;border-radius:9px;margin-bottom:14px}.sidebar-growth strong{font-size:12px}.sidebar-growth p{font-size:11px;line-height:1.5;color:#abc4c5;margin:7px 0 0}.sidebar-version{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#9fbbbd;padding:0 7px}.sidebar-version span:last-child{margin-left:auto}.online-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#b2ee6a;box-shadow:0 0 0 3px #b2ee6a21}.sidebar-overlay{display:none}.app-main{display:flex;flex-direction:column;min-width:0;flex:1}.topbar{height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border)}.topbar-left,.topbar-right,.breadcrumbs{display:flex;align-items:center}.breadcrumbs{gap:12px;font-size:12px}.breadcrumbs>span{color:#8ea0a2}.breadcrumbs>svg{color:#c0cccc}.breadcrumbs strong{font-weight:800;color:#31535a}.topbar-right{gap:22px}.topbar-label{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#668286}.topbar-divider{height:25px;border-left:1px solid #e6eceb}.avatar{height:35px;width:35px;display:grid;place-items:center;background:#e6fe2e;color:#194148;border-radius:11px;font-size:11px;font-weight:900}.mobile-menu{display:none!important}.main-content{width:100%;max-width:1600px;margin:0 auto;padding:34px 34px 55px;flex:1}.page-header{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:27px}.page-kicker{font-size:10px;font-weight:900;letter-spacing:2px;color:#90a0a3;margin-bottom:10px}.page-header h1{font-size:28px;margin:0 0 6px;color:#17383e;letter-spacing:-1.1px}.page-header p{font-size:13px;color:#798b8d;margin:0}.header-actions{display:flex;align-items:center;gap:10px}.search-box{background:#fff;border:1px solid var(--border);height:40px;width:250px;display:flex;align-items:center;gap:9px;border-radius:9px;padding:0 11px;color:#82999b}.search-box:focus-within{outline:2px solid #d9f0a1}.search-box input{border:0;background:transparent;width:100%;font-size:12px;outline:none;color:#254750}.icon-button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;transition:.17s}.icon-button{height:34px;width:34px;border:0;background:transparent}.button{min-height:38px;padding:0 14px;border:1px solid transparent;font-size:12px;font-weight:800;white-space:nowrap}.button.primary{background:var(--petrol);color:#fff}.button.primary:hover{background:#2a5a62}.button.outline{background:#fff;color:#416168;border:1px solid var(--border)}.button.outline:hover{border-color:#b3caca}.button.square{height:40px;min-height:40px;width:40px;padding:0}.button.subtle{border-color:#e3eae7;background:#f8faf8;color:#406269}.button.subtle:hover{background:#ecf6f0}.button.small{min-height:29px;padding:0 10px;font-size:10.5px;border-radius:7px}.text-action{border:0;background:transparent;display:inline-flex;align-items:center;gap:5px;color:#2c6268;font-size:11px;font-weight:850;padding:5px 0;white-space:nowrap}.text-action:hover{text-decoration:underline}.page-content{display:flex;flex-direction:column;gap:24px}.hero-panel{height:257px;border-radius:17px;position:relative;overflow:hidden;background:linear-gradient(110deg,#183d45,#1d454d 60%,#28616a);color:#fff;box-shadow:0 17px 30px #20505021;display:flex}.hero-panel:before{content:"";position:absolute;right:-40px;top:-180px;height:460px;width:460px;opacity:.16;background-image:linear-gradient(90deg,#ffffff29 1px,transparent 1px),linear-gradient(#ffffff29 1px,transparent 1px);background-size:28px 28px;transform:rotate(-13deg)}.hero-text{position:relative;padding:32px 40px;z-index:1;max-width:620px}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--lime);font-weight:850;font-size:9.7px;letter-spacing:1.6px}.hero-text h2{margin:11px 0;font-size:30px;letter-spacing:-1px;line-height:1.16}.hero-text h2 span{color:var(--lime)}.hero-text p{font-size:12px;line-height:1.65;color:#bfdbda;max-width:410px;margin:0 0 17px}.hero-button{background:var(--lime);color:#18434b;border-color:var(--lime);min-height:37px}.hero-button:hover{background:#f1ff79}.hero-decoration{position:absolute;right:38px;top:0;bottom:0;width:365px;display:grid;place-items:center}.big-ring{height:192px;width:192px;border-radius:36px;background:linear-gradient(145deg,#2b6870,#174049);transform:rotate(-12deg);display:grid;place-items:center;border:1px solid rgba(255,255,255,.11);box-shadow:0 24px 70px #102f3380}.big-ring img{height:130px;width:130px;transform:rotate(12deg)}.deco-circle{position:absolute;border:1px solid rgba(230,254,46,.25);border-radius:50%}.deco-circle.a{width:276px;height:276px}.deco-circle.b{width:340px;height:340px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{background:#fff;border:1px solid var(--border);border-radius:14px;padding:20px;min-height:140px;box-shadow:0 8px 25px #19444406}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.stat-top>span:first-child{font-size:11.2px;color:#738a8e;font-weight:800}.stat-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:10px;background:#eef5f2;color:#2f6670}.stat-number{font-size:30px;color:#173c43;font-weight:850;letter-spacing:-1.2px;margin-top:9px}.stat-detail{color:#97a7a6;font-size:10.7px;margin-top:3px}.dashboard-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:19px}.surface{background:#fff;border:1px solid var(--border);border-radius:15px;box-shadow:0 8px 30px #1f434305}.content-card{padding:23px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.section-heading h2{margin:0;font-size:15.5px;color:#193f46;letter-spacing:-.2px}.section-heading p{font-size:11px;color:#94a3a5;margin:5px 0 0}.mini-products{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;row-gap:10px}.mini-product{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid #edf0ee;border-radius:10px;min-width:0}.mini-product>div{flex:1;min-width:0}.mini-product strong{font-size:10.6px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-product span:not(.product-icon){font-size:9px;display:block;color:#9ba9aa;margin-top:4px}.mini-product>svg{color:#9aafaf;flex-shrink:0}.product-icon{width:38px;height:38px;flex:0 0 38px;display:inline-grid;place-items:center;border-radius:10px;background:#eaf4ef;color:#20565e}.card-footer-note{border-top:1px solid #eef2ef;display:flex;align-items:flex-start;gap:8px;color:#9aa6a7;font-size:10.5px;margin-top:19px;padding-top:14px;line-height:1.5}.card-footer-note svg{flex-shrink:0}.market-bars{display:flex;flex-direction:column;gap:17px;min-height:185px}.market-item>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.market-item strong{font-weight:750;font-size:11px;color:#345760}.market-item span{color:#708c8c;font-size:10px}.progress-track{background:#eff2ef;height:7px;border-radius:6px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,#18585e,#b7da70);height:100%;display:block;border-radius:6px}.light-info{display:flex;gap:11px;align-items:flex-start;padding:13px;border-radius:10px;background:#f2f8f2;margin-top:17px;color:#32646a}.light-info>div{display:flex;flex-direction:column;gap:4px}.light-info strong{font-size:11px}.light-info span{font-size:10px;color:#759195;line-height:1.5}.audit-list{display:flex;flex-direction:column}.audit-event{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f2f0}.audit-event:last-child{border-bottom:0}.audit-symbol{height:35px;width:35px;flex:0 0 35px;border-radius:10px;background:#eef5f1;display:grid;place-items:center;color:#48757c}.audit-event>div{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.audit-event strong{font-size:11px;color:#31545a}.audit-event div span{font-size:10px;color:#9aa8a9;overflow-wrap:anywhere}.audit-event time{font-size:10px;color:#9caaac;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.pill.green{background:#e7f8ec;color:#24734c}.pill.neutral{background:#f1f3f2;color:#788b8b}.pill.blue{background:#e7f0ff;color:#3b71a0}.pill.amber{background:#fff6dc;color:#aa7919}.pill.red{background:#fef0ee;color:#b76055}.explain-banner{background:#eaf2ee;border:1px solid #dbe9e4;border-radius:12px;display:flex;gap:12px;padding:17px 21px;color:#356068}.explain-banner>svg{flex-shrink:0}.explain-banner>div{display:flex;flex-direction:column;gap:5px}.explain-banner strong{font-size:12px}.explain-banner span{font-size:11px;color:#6f8b8c;line-height:1.5}.table-scroll{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;min-width:680px}.data-table th{background:#f7faf8;color:#93a5a6;text-transform:uppercase;font-size:9px;letter-spacing:.65px;padding:13px 12px;font-weight:900}.data-table th:first-child{border-radius:8px 0 0 8px}.data-table th:last-child{border-radius:0 8px 8px 0}.data-table td{padding:15px 12px;border-bottom:1px solid #eef1ef;font-size:11px;color:#678084;white-space:nowrap}.data-table tr:last-child td{border-bottom:0}.data-table td strong{color:#31545b;font-weight:800}.align-right{text-align:right}.entity-cell{display:flex;align-items:center;gap:10px}.entity-avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#edf4ef;color:#48737a}.entity-cell>div,.stacked{display:flex;flex-direction:column;gap:5px}.entity-cell small,.stacked small{color:#9eaeae;font-size:10px}.table-muted{color:#a2b0b0;font-size:10px}.warning-text{color:#ad8031!important}.action-group{display:flex;gap:7px;justify-content:flex-end}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.product-card{padding:21px;min-height:219px;display:flex;flex-direction:column}.product-card-top{display:flex;align-items:center;justify-content:space-between}.product-card h3{font-size:14px;margin:20px 0 7px;color:#183e44}.product-card p{font-size:11px;line-height:1.65;color:#7c9395;margin:0 0 19px;flex:1}.product-card-bottom{padding-top:13px;border-top:1px solid #edf1ee;display:flex;align-items:center;justify-content:space-between;gap:9px}.product-card-bottom>span{font-size:10px;color:#9caeae}.empty-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#779293}.empty-icon{width:54px;height:54px;background:#edf5f0;border-radius:15px;display:grid;place-items:center;color:#557b7f}.empty-state h3{color:#365c61;margin:14px 0 6px;font-size:13px}.empty-state p{margin:0 0 15px;max-width:280px;font-size:11px;line-height:1.6}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.full-span{grid-column:1/-1}.brand-preview{display:flex;align-items:center;gap:20px;background:var(--petrol);padding:20px;border-radius:12px;color:#fff;overflow:hidden}.brand-preview img{width:62px;height:62px}.brand-preview span{font-weight:950;font-size:22px;letter-spacing:-1px;white-space:nowrap}.palette-row{display:flex;gap:14px;justify-content:space-between;padding-top:18px}.palette-row>div{display:flex;flex-direction:column;gap:5px}.palette-row i{height:33px;width:42px;border:1px solid #e9efeb;border-radius:7px}.palette-row strong{font-size:9px;color:#58757a}.palette-row small{font-size:9px;color:#a2b0b0}.security-row{display:flex;align-items:center;gap:12px;border:1px solid #eef2ef;border-radius:10px;padding:13px;margin-bottom:10px}.security-row>div{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.security-row strong{font-size:11px;color:#33595e}.security-row div span{font-size:10px;color:#9caaac;overflow-wrap:anywhere}.security-row>svg{color:#3f9c71}.security-icon{height:36px;width:36px;border-radius:9px;display:grid;place-items:center;background:#e9f5ee;color:#427a63}.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.arch-tile{border:1px solid #eaf0eb;padding:16px;border-radius:10px;display:flex;align-items:flex-start;flex-direction:column;gap:9px}.arch-tile svg{color:#39727a}.arch-tile strong{font-size:12px;color:#335a5f}.arch-tile span{font-size:10.5px;color:#879d9f;line-height:1.6}.footer{display:flex;justify-content:space-between;padding:19px 35px;border-top:1px solid var(--border);font-size:10px;color:#92a5a7}.footer-heart{color:#9aba4c}.modal-backdrop{position:fixed;inset:0;background:#0820248c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px;z-index:100}.modal-window{background:#fff;border-radius:16px;max-width:575px;width:100%;box-shadow:0 30px 90px #102c315c;overflow:hidden;max-height:92vh;overflow-y:auto}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 27px;border-bottom:1px solid #e9efeb}.modal-head h2{margin:0;color:#234c54;font-size:18px}.modal-head p{margin:6px 0 0;color:#92a3a5;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;padding:24px 27px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:11px;color:#42626a;font-weight:800}.field input,.field select,.field textarea{border:1px solid #dfe9e4;border-radius:9px;padding:11px 12px;outline:none;color:#244c54;background:#fff;width:100%;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8eaf89;box-shadow:0 0 0 3px #dff4d9}.field textarea{resize:vertical}.form-grid .full{grid-column:1/-1}.form-hint{font-size:10.5px;line-height:1.7;color:#819a9b;background:#f5f8f5;padding:12px;border-radius:9px;margin:0}.form-actions{display:flex;justify-content:flex-end;padding-top:4px}.form-actions .button{padding:0 24px;height:40px}.toast{position:fixed;right:25px;bottom:25px;border-radius:11px;padding:14px 14px 14px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 16px 40px #163e4642;z-index:150;color:#fff;max-width:400px}.toast.success{background:#245a4b}.toast.error{background:#a44343}.toast strong{font-size:11px;line-height:1.5;flex:1}.toast button{background:transparent;border:0;color:inherit}.error-notice{display:flex;align-items:center;gap:13px;padding:17px;background:#fff0ec;border:1px solid #f2d2cb;border-radius:11px;color:#a1504a;margin-bottom:20px}.error-notice>div{display:flex;flex-direction:column;gap:5px;flex:1}.error-notice strong{font-size:12px}.error-notice span{font-size:11px}.loading-state{display:flex;align-items:center;gap:12px;color:#618189;font-size:12px;padding:65px 0}.spinner{width:23px;height:23px;border:3px solid #dfece1;border-top-color:#24606a;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1250px){.sidebar{width:240px;flex-basis:240px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-decoration{right:-45px}.dashboard-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.sidebar{position:fixed;transform:translate(-104%);transition:transform .22s;box-shadow:0 0 50px #0d292c26}.sidebar.mobile-open{transform:translate(0)}.sidebar-overlay.visible{display:block;position:fixed;inset:0;background:#091f2370;z-index:39}.sidebar-close{display:block}.mobile-menu{display:inline-flex!important;margin-right:8px}.topbar{padding:0 22px}.main-content{padding:24px 22px 45px}.dashboard-grid{grid-template-columns:1fr}.hero-decoration{right:-55px}.hero-text{max-width:500px}.settings-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:630px){.topbar{height:63px;padding:0 15px}.topbar-label,.topbar-divider{display:none}.main-content{padding:20px 15px 35px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header h1{font-size:24px}.header-actions{width:100%}.search-box{flex:1}.hero-panel{height:auto;min-height:258px}.hero-text{padding:28px 24px;max-width:360px}.hero-text h2{font-size:25px}.hero-text p{max-width:290px}.hero-decoration{opacity:.17;right:-165px}.big-ring{transform:scale(.85) rotate(-12deg)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:14px;min-height:130px}.stat-top>span:first-child{font-size:10px}.stat-number{font-size:27px}.stat-detail{font-size:9px}.content-card{padding:17px}.mini-products,.product-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading .button{font-size:10px;padding:0 9px}.arch-grid{grid-template-columns:1fr}.brand-preview span{font-size:18px}.palette-row{gap:5px;flex-wrap:wrap}.footer{padding:17px 15px;gap:10px;flex-direction:column}.form-grid{grid-template-columns:1fr;padding:20px}.form-grid .full{grid-column:auto}.modal-head{padding:20px}.toast{right:12px;left:12px;bottom:12px}.action-group{flex-direction:column}.table-scroll{margin:0 -5px}.topbar-right{gap:6px}}