@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root{--navy:#0e1b35;--navy-2:#172643;--ink:#17243b;--slate:#64748b;--muted:#8c9bad;--bg:#f5f7fc;--paper:#fff;--border:#e8edf4;--blue:#4765ed;--blue-2:#3a54db;--mint:#35ccaa;--shadow:0 8px 32px rgba(24,44,87,.035);--radius:17px}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'DM Sans',system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Plus Jakarta Sans',system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}svg{flex-shrink:0}input:focus,select:focus,textarea:focus{outline:0;border-color:#8c9df9!important;box-shadow:0 0 0 4px rgba(72,102,239,.10)}.layout{display:flex;min-height:100vh}.sidebar{position:fixed;width:255px;left:0;top:0;bottom:0;background:var(--navy);color:#b9c6d9;display:flex;flex-direction:column;z-index:40;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#30405f transparent}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:29px 28px 28px;color:white}.brand-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand-dot{color:#56d7bd}.brand-symbol{display:inline-grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:3px;transform:rotate(-17deg)}.brand-symbol span{background:#63e0bd;border-radius:3px}.brand-symbol span:nth-child(2){background:#6689ff;grid-row:span 2;border-radius:4px}.brand-symbol span:nth-child(3){background:#a6b7ff;border-radius:3px}.workspace-tag{margin:0 17px 23px;border:1px solid rgba(214,224,255,.12);border-radius:11px;background:rgba(255,255,255,.055);padding:12px;display:flex;align-items:center;gap:10px}.workspace-icon{height:34px;width:34px;border-radius:9px;background:rgba(107,126,254,.18);display:grid;place-items:center;color:#88a0ff}.workspace-tag small{font-size:9px;letter-spacing:1.2px;color:#8191ad;display:block;margin-bottom:3px;font-weight:700}.workspace-tag strong{font-size:12px;color:#eff4ff;font-weight:700;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.workspace-end{margin-left:auto;color:#788ba6}.sidebar-nav{padding:0 13px;flex:1}.nav-section{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#647999;padding:17px 16px 11px}.nav-item{height:43px;display:flex;align-items:center;gap:13px;padding:0 14px;color:#a4b3cc;font-weight:600;border-radius:9px;margin:2px 0;position:relative;transition:.17s}.nav-item:hover{background:rgba(255,255,255,.055);color:#fff}.nav-item.active{background:#4058dd;color:#fff;box-shadow:0 9px 20px rgba(21,38,125,.20)}.active-dot{margin-left:auto;width:5px;height:5px;background:#7aecc7;border-radius:50%}.sidebar-footer{padding:21px 16px}.sidebar-promo{background:linear-gradient(145deg,#293b65,#1d3057);padding:18px;border-radius:14px;overflow:hidden;position:relative}.promo-orb{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:#b3e5ff;background:rgba(255,255,255,.10);margin-bottom:13px}.sidebar-promo strong{display:block;color:white;font-size:13px;margin-bottom:8px}.sidebar-promo p{font-size:12px;line-height:1.6;color:#aabbd4;margin:0 0 16px}.sidebar-promo>span{font-size:10px;color:#83a2d0;letter-spacing:.3px}.app-main{margin-left:255px;width:calc(100% - 255px);min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:#fff;border-bottom:1px solid var(--border);gap:20px}.topbar-start,.topbar-end{display:flex;align-items:center;gap:12px}.topbar-start{color:#95a0b2}.crumb{font-size:13px;font-weight:600}.crumb-current{color:var(--ink);font-weight:700}.topbar-end{gap:18px}.online-pill{color:#3f836d;background:#ecf9f4;border:1px solid #d8f3e7;border-radius:30px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex;gap:7px;align-items:center}.online-pill i{width:6px;height:6px;background:#43c598;border-radius:50%}.icon-button{border:0;background:transparent;color:#7f90a5;width:36px;height:36px;display:grid;place-items:center;border-radius:10px}.icon-button:hover{background:#f1f5ff;color:#435fe4}.top-user{display:flex;align-items:center;gap:10px;border-left:1px solid var(--border);padding-left:20px}.avatar{height:37px;width:37px;display:grid;place-items:center;background:linear-gradient(145deg,#dce5ff,#cddafa);border-radius:11px;color:#4e66db;font-weight:800}.top-user-meta{display:grid;gap:2px}.top-user-meta b{font-size:12px;white-space:nowrap}.top-user-meta small{color:#9eabbb;font-size:10px}.mobile-menu{display:none}.content{width:100%;max-width:1590px;margin:0 auto;flex:1;padding:35px 40px 60px}.app-footer{display:flex;justify-content:space-between;font-size:11px;color:#9ea9b7;padding:18px 40px 25px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#5975e9;display:block;margin-bottom:11px}.page-heading h1{font-size:28px;line-height:1.25;letter-spacing:-1px;margin-bottom:9px;font-weight:800}.page-heading p{font-size:13px;color:#90a0b3;line-height:1.6;margin:0}.btn{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;font-size:12px;min-height:41px;padding:0 17px;white-space:nowrap;transition:.15s}.btn-primary{background:var(--blue);color:white;box-shadow:0 7px 18px rgba(71,101,237,.17)}.btn-primary:hover{background:var(--blue-2);transform:translateY(-1px)}.btn-secondary{border:1px solid #dee5f2;background:#fff;color:#526581}.btn-secondary:hover{background:#f5f7ff}.btn-light{background:white;color:#3b59d2}.btn-quiet{background:#eef7f2;color:#3b9878}.btn-block{width:100%}.welcome-banner{background:linear-gradient(112deg,#2639a6 0%,#526ff2 72%,#7687f5 100%);border-radius:19px;color:#fff;min-height:227px;position:relative;overflow:hidden;padding:31px 36px;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;box-shadow:0 16px 26px rgba(58,77,183,.09)}.banner-mini{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:#c9d8ff;margin-bottom:14px}.welcome-banner h2{font-size:23px;letter-spacing:-.6px;margin-bottom:9px;line-height:1.4}.welcome-banner p{color:#d4ddff;font-size:12px;margin:0 0 18px}.banner-graphic{width:250px;height:205px;position:relative;flex-shrink:0;display:grid;place-items:center}.graphic-core{height:104px;width:104px;border-radius:25px;background:linear-gradient(140deg,rgba(255,255,255,.26),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.27);display:grid;place-items:center;box-shadow:0 25px 25px rgba(15,33,124,.15);transform:rotate(-9deg);z-index:2}.graphic-core svg{transform:rotate(9deg)}.graphic-ring{position:absolute;width:230px;height:230px;border:1px solid rgba(255,255,255,.19);border-radius:50%}.graphic-ring.b{height:325px;width:325px;border-color:rgba(255,255,255,.08)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:22px 23px 19px;box-shadow:var(--shadow)}.metric-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.metric-icon{height:42px;width:42px;display:grid;place-items:center;border-radius:12px}.metric-icon.blue{background:#eef2ff;color:#5b76e7}.metric-icon.purple{background:#f1eefe;color:#9373db}.metric-icon.mint{background:#e7faf3;color:#42b996}.metric-icon.amber{background:#fff4e4;color:#eea54c}.metric-spark{color:#d5deed}.metric-value{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;font-weight:800;letter-spacing:-1px;white-space:nowrap;margin-bottom:6px}.metric-label{color:#485b73;font-size:12px;font-weight:800;margin-bottom:7px}.metric-hint{color:#a4afbd;font-size:11px}.content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:20px}.surface{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.surface-head{min-height:79px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--border)}.surface-head h3{font-size:14px;letter-spacing:-.2px;margin:0;font-weight:800}.surface-head p{font-size:11px;color:#9aa8bb;margin:6px 0 0}.text-link{display:inline-flex;align-items:center;gap:7px;color:#4c64e7;font-size:11px;font-weight:800;white-space:nowrap}.text-link:hover{text-decoration:underline}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}th{height:45px;font-size:10px;letter-spacing:.8px;color:#a1adbd;font-weight:800;background:#fbfcfe;padding:0 23px}td{padding:16px 23px;border-top:1px solid #f0f3f8;color:#617087}td b,td strong{color:var(--ink);font-size:12px}tbody tr:hover{background:#fafcff}.nowrap{white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-good{background:#eaf9f2;color:#2eaf7b}.badge-warn{background:#fff5e8;color:#dc9a40}.badge-muted{background:#f0f2f5;color:#8e99a8}.quick-actions{padding:14px 20px}.quick-actions a{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0f2f6;padding:13px 5px}.quick-actions a:last-child{border-bottom:0}.quick-actions a span{height:38px;width:38px;background:#f2f5ff;color:#7182ee;border-radius:10px;display:grid;place-items:center}.quick-actions a b{font-size:12px;font-weight:700;flex:1}.quick-actions a>svg{color:#b3bfd0}.quick-actions a:hover b{color:#5068e8}.dashboard-tip{margin:0 22px 20px;border-radius:11px;padding:15px;display:flex;gap:12px;background:#f2f8ff;color:#7089ba}.dashboard-tip strong{color:#466590;font-size:12px}.dashboard-tip p{font-size:11px;line-height:1.6;margin:5px 0 0}.plugin-widgets{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plugin-widget{display:flex;align-items:center;gap:17px;padding:23px}.plugin-widget h3{margin:0 0 6px;font-size:14px}.plugin-widget p{margin:0;color:#8d99a9;font-size:12px;line-height:1.5}.count-chip{display:inline-block;border-radius:20px;background:#eef3ff;color:#607ce1;font-size:10px;padding:5px 9px;margin-left:4px;vertical-align:middle}.soft-label{color:#9ca9b8;font-size:11px}.empty-box{text-align:center;padding:60px 24px}.empty-icon{width:64px;height:64px;margin:0 auto 15px;border-radius:18px;background:#f1f4fd;color:#6882e7;display:grid;place-items:center}.empty-box h3{font-size:14px;margin-bottom:8px}.empty-box p{color:#98a7b9;font-size:12px;margin-bottom:0}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{height:33px;width:33px;background:#e9edff;color:#667ce1;display:grid;place-items:center;border-radius:10px;font-weight:800}.small-action{border:1px solid #e0e8f7;background:white;color:#536ce4;border-radius:7px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:4px}.small-action:hover{background:#f5f7ff}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;min-height:252px;box-shadow:var(--shadow)}.product-card-top{display:flex;justify-content:space-between;margin-bottom:24px}.product-emoji{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#edf2ff;color:#5e75e7}.product-card h3{font-size:16px;letter-spacing:-.5px;margin:0 0 9px}.product-card p{font-size:12px;color:#95a1b4;line-height:1.7;min-height:39px;flex:1;white-space:pre-wrap}.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:18px;margin-top:15px}.product-card-bottom strong,.shop-price strong{font-size:19px;font-family:'Plus Jakarta Sans',sans-serif;white-space:nowrap}.product-card-bottom small,.shop-price small{display:block;font-size:10px;color:#9ba8bc;margin-top:4px}.full-grid{grid-column:1/-1}.shop-card>.product-emoji{margin-bottom:24px}.shop-price{padding:20px 0}.shop-card .btn{margin-top:auto}.section-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:25px 0 18px}.section-row h2{font-size:17px;letter-spacing:-.4px;margin:0 0 7px}.section-row p{color:#94a2b5;font-size:12px;margin:0}.section-space{margin-top:26px}.market-hero{display:flex;align-items:center;gap:23px;background:linear-gradient(120deg,#192a55,#314777);border-radius:17px;color:#fff;padding:27px 31px}.market-hero-icon{width:75px;height:75px;display:grid;place-items:center;border-radius:19px;color:#c9deff;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13)}.eyebrow-light{font-weight:800;letter-spacing:2px;font-size:10px;color:#90b4ff}.market-hero h2{font-size:19px;margin:7px 0 6px}.market-hero p{font-size:12px;color:#afc1df;margin:0}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.market-card{background:var(--paper);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.market-card-body{padding:19px 21px 22px;flex:1;display:flex;flex-direction:column}.market-label{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.market-type{font-size:9px;letter-spacing:1px;font-weight:800;color:#687ee8}.market-version{font-size:10px;color:#aeb9c6}.market-card h3{font-size:14px;margin:0 0 8px}.market-card p{color:#94a2b3;font-size:11px;line-height:1.7;margin:0 0 17px;flex:1}.market-form{margin-top:auto}.market-form .btn{width:100%}.market-card-body>.btn{margin-top:auto}.theme-preview{height:145px;background:#edf1fb;padding:16px;display:flex;gap:12px;overflow:hidden}.theme-preview>span{width:23%;background:#243656;border-radius:8px}.theme-preview>div{width:77%;padding:13px;display:flex;gap:7px;align-items:flex-end;background:white;border-radius:8px}.theme-preview i{display:block;flex:1;border-radius:5px;background:#cfd9f6;height:54%}.theme-preview i:nth-child(2){height:78%;background:#8fa3ed}.theme-preview i:nth-child(3){height:37%}.night-preview{background:#151c31}.night-preview>span{background:#0c1123}.night-preview>div{background:#222e49}.night-preview i{background:#344968}.night-preview i:nth-child(2){background:#7768d5}.plugin-cover{background:linear-gradient(130deg,#f0f3ff,#eaf6fb);height:145px;display:grid;place-items:center;position:relative;overflow:hidden}.plugin-logo{width:73px;height:73px;background:#fff;color:#526ce4;display:grid;place-items:center;border-radius:20px;box-shadow:0 15px 30px rgba(48,83,152,.08);z-index:2}.plugin-decoration{position:absolute;width:200px;height:200px;border:1px solid #ccdafa;border-radius:50%;left:65%;top:15%}.info-strip{border:1px solid #deebfc;background:#f0f6ff;color:#6882a7;border-radius:12px;padding:16px 20px;margin-top:22px;display:flex;gap:12px;align-items:center;font-size:12px;line-height:1.5}.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.form-surface{padding:0 24px 26px}.form-surface .surface-head{padding:22px 0;margin-bottom:21px}.form-stack{display:flex;flex-direction:column;gap:17px}.field{display:block;min-width:0}.field>span{display:block;font-size:11px;color:#526179;font-weight:800;margin-bottom:8px}.field i{font-style:normal;color:#ed6882}.field input,.field select,.field textarea,.reply-form textarea{width:100%;background:#fbfcff;border:1px solid #e2e8f2;border-radius:9px;padding:11px 13px;min-height:43px;color:#23354e;font-size:12px;transition:.15s;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#b0bcce}.field select{cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.system-list{padding:5px 25px}.system-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #f0f2f7}.system-list>div:last-child{border-bottom:0}.system-list span{color:#8c9cad;font-size:12px}.system-list b{font-size:12px}.modal-backdrop{position:fixed;inset:0;background:rgba(10,20,43,.55);z-index:90;display:none;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(4px)}.modal-backdrop.open{display:flex}.modal{background:white;border-radius:18px;width:min(560px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 30px 90px rgba(5,13,36,.18)}.modal-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding:25px 27px;border-bottom:1px solid var(--border)}.modal-head h2{font-size:19px;letter-spacing:-.5px;margin-bottom:8px}.modal-head p{font-size:12px;color:#9aa8bc;margin:0}.modal-form{padding:24px 27px 27px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:20px;margin-top:4px}.alert{display:flex;align-items:center;gap:11px;padding:14px 16px;border-radius:11px;margin:0 0 21px;font-weight:700;font-size:12px;line-height:1.5}.alert-success{color:#27866b;background:#eaf9f3;border:1px solid #c7eadb}.alert-error{color:#b85a60;background:#fff0f1;border:1px solid #f2d6d9}.alert span{flex:1}.alert button{border:0;background:none;color:inherit;font-size:20px}.conversation .surface-head{align-items:center}.message-list{padding:26px;display:flex;flex-direction:column;gap:24px}.message{display:flex;gap:12px;max-width:80%}.message-admin{align-self:flex-end;flex-direction:row-reverse}.message-avatar{height:35px;width:35px;display:grid;place-items:center;background:#e8edfd;color:#6479dc;border-radius:10px;font-weight:800;flex-shrink:0}.message-admin .message-avatar{background:#e8f8ef;color:#48a787}.message-top{display:flex;align-items:center;gap:12px;margin:0 0 8px}.message-top b{font-size:12px}.message-top small{font-size:10px;color:#a3b0c1}.message-body{padding:16px;border-radius:11px;background:#f3f6fb;font-size:12px;line-height:1.7;color:#52637b}.message-admin .message-body{background:#eef4ff}.reply-form{border-top:1px solid var(--border);padding:23px 26px;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.reply-form textarea{min-height:90px}.close-ticket{text-align:right;padding:0 26px 25px}.auth-body{background:#fff}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(470px,52%) minmax(0,48%)}.auth-panel{width:100%;max-width:630px;padding:45px clamp(36px,8vw,130px);justify-self:center;display:flex;flex-direction:column;justify-content:center}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:48px;color:#162442}.auth-brand .brand-symbol{grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px)}.auth-brand .brand-title{font-size:30px}.auth-panel h2{font-size:30px;letter-spacing:-1.15px;line-height:1.3;margin-bottom:10px}.auth-lead{font-size:13px;color:#93a0b4;line-height:1.8;margin-bottom:27px}.auth-panel .field>span{font-size:12px}.auth-panel .field input{min-height:48px}.auth-panel .btn-block{min-height:48px;margin-top:4px}.auth-note{margin:23px 0 0;text-align:center;font-size:12px;color:#9eaaba;line-height:1.6}.auth-note a{color:#536de7;font-weight:800}.auth-showcase{background:linear-gradient(140deg,#0f1c3b,#1f3675 63%,#2743a1);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;padding:60px}.auth-showcase:before{content:'';position:absolute;height:650px;width:650px;border-radius:50%;border:1px solid rgba(255,255,255,.08);left:33%;top:-30%}.auth-showcase:after{content:'';position:absolute;height:420px;width:420px;border-radius:50%;border:1px solid rgba(255,255,255,.06);right:58%;bottom:-30%}.auth-showcase-inner{max-width:460px;position:relative;z-index:2}.auth-showcase h1{color:white;font-size:clamp(35px,4vw,56px);letter-spacing:-2.2px;line-height:1.28;margin:23px 0}.auth-showcase h1 em{font-style:normal;color:#77e5c7}.auth-showcase-inner>p{font-size:14px;line-height:1.85;color:#9fb5d9;max-width:340px}.showcase-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 50px rgba(8,13,37,.1);backdrop-filter:blur(8px);border-radius:17px;padding:25px;margin-top:45px;max-width:365px}.showcase-card span{display:flex;align-items:center;gap:8px;color:#a9c5f2;font-size:11px;font-weight:700;margin-bottom:12px}.showcase-card strong{display:block;color:#fff;font-size:16px;margin-bottom:22px}.showcase-bars{display:flex;align-items:end;height:60px;gap:11px}.showcase-bars i{height:40%;flex:1;background:#5474e3;border-radius:5px 5px 0 0}.showcase-bars i:nth-child(2){height:62%}.showcase-bars i:nth-child(3){height:47%}.showcase-bars i:nth-child(4){height:81%;background:#76e3c7}.showcase-bars i:nth-child(5){height:65%}.showcase-bars i:nth-child(6){height:100%;background:#76e3c7}.showcase-bars i:nth-child(7){height:80%}.requirements{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:19px}.requirements span{font-size:10px;font-weight:700;padding:6px 9px;border-radius:6px}.req-ok{background:#eaf7f1;color:#338969}.req-bad{background:#fff0f0;color:#bc555e}.form-divider{font-weight:800;letter-spacing:1.2px;font-size:10px;color:#758ca8;border-bottom:1px solid var(--border);padding:4px 0 12px}.sidebar-backdrop{display:none}
body.dark{--ink:#ebf1fe;--slate:#97a9c4;--bg:#101a2d;--paper:#1c2940;--border:#2d3b52;color:var(--ink)}body.dark .topbar,body.dark .field input,body.dark .field select,body.dark .field textarea,body.dark .modal,body.dark .small-action,body.dark .btn-secondary{background:var(--paper);color:var(--ink)}body.dark .surface-head,body.dark td{border-color:var(--border)}body.dark th{background:#202f4a}body.dark .metric-label,body.dark td,body.dark .field>span{color:#b5c4d9}body.dark td b,body.dark td strong{color:var(--ink)}body.dark .quick-actions a{border-color:var(--border)}body.dark .product-emoji{background:#293e65}body.dark .theme-preview{opacity:.88}body.dark .info-strip{background:#203654;border-color:#314c76}body.dark .empty-box{background:none}body.dark .nav-item{color:#a9b9d0}body.dark .nav-item.active{color:#fff}body.dark .dashboard-tip{background:#253e5a}body.dark .system-list>div{border-color:var(--border)}
@media(max-width:1300px){.content{padding:30px 28px 55px}.topbar{padding:0 28px}.metric-card{padding:19px}.metric-value{font-size:23px}.market-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1040px){.sidebar{width:225px}.app-main{margin-left:225px;width:calc(100% - 225px)}.content-grid,.settings-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-brand{padding-left:20px}.content{padding:26px 23px 50px}.topbar{padding:0 23px}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .24s;width:265px}.sidebar.open{transform:translateX(0)}body.menu-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(6,15,34,.55);z-index:35}.app-main{margin:0;width:100%}.mobile-menu{display:grid}.topbar{height:64px;padding:0 17px}.topbar-start{gap:7px}.topbar-end{gap:7px}.online-pill,.top-user-meta,.crumb,.topbar-start>svg{display:none}.top-user{border:0;padding:0}.content{padding:24px 16px 75px}.page-heading{align-items:start;gap:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.page-heading .btn{padding:0 12px;min-height:38px;font-size:11px}.metric-grid,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric-card{padding:15px}.metric-value{font-size:20px}.metric-top{margin-bottom:12px}.metric-icon{height:34px;width:34px}.metric-icon svg{height:18px;width:18px}.metric-label{font-size:11px}.metric-hint{font-size:10px}.welcome-banner{padding:24px;min-height:210px}.welcome-banner h2{font-size:20px;max-width:250px}.welcome-banner p{max-width:220px;line-height:1.5}.banner-graphic{position:absolute;opacity:.28;right:-73px;top:0}.market-hero{padding:22px}.market-hero-icon{display:none}.market-hero h2{font-size:17px}.market-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{padding:16px;min-height:230px}.product-card h3{font-size:13px}.product-card p{font-size:11px}.product-card-bottom{align-items:flex-start;flex-direction:column}.product-card-bottom strong,.shop-price strong{font-size:16px}.product-card-bottom small{display:inline-block}.market-card-body{padding:16px 13px}.theme-preview,.plugin-cover{height:105px}.theme-preview{padding:10px}.market-card h3{font-size:13px}.market-card p{font-size:10px}.surface-head{padding:18px}.form-grid{grid-template-columns:1fr}.form-surface{padding:0 18px 24px}.app-footer{padding:18px 17px;flex-wrap:wrap;gap:8px}.auth-wrap{display:block;min-height:100vh}.auth-panel{padding:40px 24px 55px;max-width:500px;min-height:100vh}.auth-brand{margin-bottom:45px}.auth-showcase{display:none}.message{max-width:100%}.message-list{padding:17px}.reply-form{padding:18px}.section-row h2{font-size:15px}}
@media(max-width:395px){.market-grid,.product-grid{grid-template-columns:1fr}.market-card{max-width:100%}.product-card{min-height:200px}.page-heading{flex-direction:column;align-items:flex-start}.metric-value{font-size:18px}.top-user{display:none}.auth-panel h2{font-size:25px}}
.mobile-bottom-nav{display:none}.seafoam-preview{background:#e3f5f1}.seafoam-preview>span{background:#11656e}.seafoam-preview i{background:#b9e2dd}.seafoam-preview i:nth-child(2){background:#38a8a0}
.market-config{padding:23px 26px}.market-config-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.market-config-bottom span{color:#91a3b6;font-size:11px}
.inline-actions{display:flex;align-items:center;gap:7px;white-space:nowrap}.inline-actions form{display:inline-flex}.break-text{max-width:290px;overflow-wrap:anywhere;text-align:right;font-size:11px}.orphan-package{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:20px}.orphan-package h3{font-size:14px;margin:0 0 7px}.orphan-package p{font-size:12px;color:#91a2b6;margin:0}.market-card .market-form{margin-top:9px}.btn-danger-soft{background:#fff0f1;color:#c46a70;box-shadow:none}.btn-danger-soft:hover{background:#ffe6e8}.paytr-frame{min-height:700px}.product-card .field{margin:0 0 15px}.product-card .field input{min-height:39px}.product-card small{color:#95a3b6}
@media(max-width:760px){.orphan-package{flex-direction:column;align-items:flex-start}.orphan-package form{width:100%}.orphan-package .btn{width:100%}.paytr-frame{min-height:650px}.inline-actions{gap:5px}}
@media(max-width:760px){.mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:30;height:68px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-top:1px solid #e8edf5;box-shadow:0 -4px 20px rgba(30,54,99,.05)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9aa8b9;font-size:10px;font-weight:800}.mobile-bottom-nav a.active{color:#506be7}.mobile-bottom-nav a.active svg{stroke-width:2.3}body.dark .mobile-bottom-nav{background:rgba(27,40,64,.97);border-color:#33425a}.content{padding-bottom:95px}.app-footer{padding-bottom:80px}}
.v4-inline-form{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:270px}
.v4-inline-form input,.v4-year input{min-height:35px;border:1px solid #d8dfed;border-radius:9px;padding:7px 10px;background:var(--surface,#fff);color:var(--text,#233047);font:inherit;max-width:170px}
.v4-inline-form input[type=date]{max-width:153px}
.v4-year{display:flex;align-items:center;gap:8px;font-size:.85rem}
.v4-year input{max-width:96px}
.v4-chart{display:grid;grid-template-columns:repeat(12,minmax(55px,1fr));align-items:end;gap:8px;overflow-x:auto;padding:28px 16px 12px;min-height:245px}
.v4-chart-month{display:flex;min-width:54px;flex-direction:column;align-items:center;justify-content:end;gap:8px;color:#65748c;font-size:12px}
.v4-chart-month strong{font-size:12px;color:inherit}
.v4-chart-amount{font-size:10px;white-space:nowrap;color:#78869d}
.v4-chart-bar{width:min(100%,43px);min-height:3px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#6078fb,#24bea2);box-shadow:0 6px 14px rgba(62,109,220,.13)}
@media(max-width:700px){.v4-chart{grid-template-columns:repeat(12,62px)}.v4-inline-form{min-width:220px}.v4-chart-amount{font-size:9px}}
