@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap');
:root{--ink:#121826;--muted:#6b7280;--line:#e7eaf0;--bg:#f4f6f8;--panel:#fff;--nav:#0c1424;--accent:#5b5bd6;--accent2:#7676e8;--green:#16845b;--red:#c24156;--orange:#ad6b1a;--radius:18px;--shadow:0 10px 35px rgba(15,23,42,.06)}
*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Be Vietnam Pro',system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#cbd2df;padding:28px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 30px}.brand>div:last-child{display:grid;gap:2px}.brand strong{color:#fff;letter-spacing:.08em}.brand span{font-size:.75rem;color:#8290a8}.logo-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#7272ef,#4848bd);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(91,91,214,.3)}
.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;color:#8f9bb0;font-weight:500}.nav-item b{width:23px;text-align:center;font-size:1.15rem}.nav-item:hover,.nav-item.active{background:#182338;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #7c7cf1}.sidebar-foot{margin-top:auto;border-top:1px solid #202c40;padding:20px 6px 0;display:flex;align-items:center;gap:10px}.sidebar-foot .avatar{width:34px;height:34px;border-radius:50%;background:#293650;display:grid;place-items:center;color:#fff;font-weight:700}.sidebar-foot>div:nth-child(2){display:grid;min-width:0}.sidebar-foot strong{color:#fff;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot span{font-size:.7rem;color:#7f8da5}.sidebar-foot>a{margin-left:auto;color:#8492aa}
.main{min-width:0}.topbar{height:92px;background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:static;top:0;z-index:15;backdrop-filter:blur(12px)}.topbar h1{font-size:1.45rem;margin:2px 0 0}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.13em;color:#8a93a3;margin-bottom:5px}.top-actions{display:flex;gap:10px;align-items:center}.content{padding:28px 34px 60px;max-width:1600px;margin:auto}
.btn{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;gap:7px}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;box-shadow:0 8px 18px rgba(91,91,214,.2)}.btn.secondary{background:#fff;border:1px solid var(--line);color:#394256}.btn.light{background:#fff;color:#182030}.btn.wide{width:100%}.icon-btn{width:38px;height:38px;padding:0;border-radius:9px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center}.menu-btn{display:none}.danger-text{color:var(--red)}.scrim{display:none}
.welcome{background:linear-gradient(120deg,#101a2d 0%,#1a2945 70%,#263a5e 100%);color:#fff;border-radius:20px;padding:30px 34px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;overflow:hidden;position:relative}.welcome:after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-90px;top:-160px;box-shadow:0 0 0 60px rgba(255,255,255,.025),0 0 0 120px rgba(255,255,255,.018)}.welcome>div,.welcome>a{position:relative;z-index:1}.welcome h2{font-size:2rem;line-height:1.35;margin:13px 0 8px}.welcome p{color:#9eabc0;margin:0}.status-dot{display:inline-block;width:8px;height:8px;background:#4ade80;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(74,222,128,.12)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.stat-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:grid;gap:7px;box-shadow:var(--shadow)}.stat-grid span,.stat-grid small{color:var(--muted)}.stat-grid strong{font-size:2rem}.two-col{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.panel-head h3{margin:0;font-size:1.15rem}.panel-head a{font-size:.8rem;color:var(--accent);font-weight:600}
.recent-list{display:grid}.recent-list>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.recent-list>a:first-child{border-top:0}.recent-list a>div:nth-child(2){display:grid;gap:4px}.recent-list span{font-size:.78rem;color:var(--muted)}.recent-list em{font-style:normal;font-size:.72rem;background:#eef0ff;color:#5454be;padding:6px 9px;border-radius:99px}.mini-thumb{width:42px;height:42px;border-radius:11px;background:#eef0f6;color:#60708a;display:grid;place-items:center;font-weight:700;object-fit:cover}.check-list{display:grid;gap:10px}.check-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;border-radius:12px}.check-list i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#edf8f3;color:var(--green);font-style:normal;font-weight:700}.check-list i.warning{background:#fff5e9;color:var(--orange)}.check-list a div{display:grid;gap:3px}.check-list span{font-size:.75rem;color:var(--muted)}.api-ready{margin-top:5px;border-radius:12px;padding:16px;background:#f3f4ff;display:grid;gap:5px}.api-ready span,.api-ready small{font-size:.75rem;color:#6969b8}.api-ready strong{color:#4444a9}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty b{color:var(--ink)}
.filters{margin-bottom:18px;padding:15px}.filters form{display:grid;grid-template-columns:minmax(230px,1.5fr) repeat(3,minmax(150px,1fr)) auto;gap:10px}.filters input,.filters select,.product-form input,.product-form select,.product-form textarea,.form-stack input{width:100%;border:1px solid #dfe3e9;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:0}.filters input:focus,.filters select:focus,.product-form input:focus,.product-form select:focus,.product-form textarea:focus,.form-stack input:focus{border-color:#8989e8;box-shadow:0 0 0 3px rgba(91,91,214,.09)}.search{position:relative}.search span{position:absolute;left:13px;top:11px;color:#9299a6}.search input{padding-left:36px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-top:1px solid var(--line);white-space:nowrap}th{font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:#818a99;background:#fafbfc}td{font-size:.82rem}.product-info{display:flex;align-items:center;gap:12px;min-width:250px}.product-info img{width:46px;height:46px;border-radius:11px;object-fit:cover}.product-info>div:last-child{display:grid;gap:4px}.product-info span{font-size:.72rem;color:var(--muted)}.badge{font-size:.7rem;padding:6px 9px;border-radius:99px;background:#f0f2f5;color:#596273}.badge.selling{background:#eaf8f2;color:#147450}.badge.draft{background:#fff4e5;color:#a15e12}.badge.hidden{background:#f1edff;color:#6953bd}.actions{display:flex;gap:6px}.actions form{display:inline-flex}
.product-form{display:grid;gap:18px}.form-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:14;background:rgba(241,246,253,.92);backdrop-filter:blur(12px);padding:12px 0}.form-title>a,.form-title div>a{font-size:.78rem;color:var(--muted)}.form-title h2{margin:8px 0 5px}.form-title p{margin:0;color:var(--muted);font-size:.82rem}.form-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.form-main{display:grid;gap:18px}.form-section{padding:25px}.section-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.section-title>span{width:31px;height:31px;border-radius:9px;background:#eef0ff;color:#5f5fc7;display:grid;place-items:center;font-weight:700;font-size:.75rem}.section-title h3{margin:1px 0 4px;font-size:1.08rem}.section-title p{margin:0;color:var(--muted);font-size:.76rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field-grid label,.form-side label,.video-links,.form-stack label{display:grid;gap:7px}.field-grid label>span,.form-side label>span,.video-links>span,.form-stack label>span,.price-box label>span{font-size:.76rem;font-weight:600;color:#4c5565}.span-2{grid-column:span 2}.price-box{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:end;gap:14px;background:#f8f9fb;border:1px solid var(--line);padding:18px;border-radius:13px}.money-input{position:relative}.money-input input{padding-right:35px}.money-input b{position:absolute;right:13px;top:11px;color:#8a93a0}.plus,.equals{padding-bottom:11px;color:#949ba7}.suggested{background:#141f34;color:#fff;padding:13px 16px;border-radius:11px;display:grid;gap:3px}.suggested span{font-size:.68rem;color:#9aa8bc}.suggested strong{font-size:1.05rem}.margin-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.margin-presets>span{font-size:.72rem;color:var(--muted)}.margin-presets button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 10px;font-size:.7rem;color:#4c5564}.margin-presets button:hover{border-color:#7777db;color:#5555be}.form-side .sticky{position:sticky;top:112px;display:grid;gap:16px}.form-side h3{margin-bottom:0}.info-note{background:#fff6e8;border:1px solid #f4dfbd;border-radius:12px;padding:14px}.info-note b{font-size:.78rem;color:#925b17}.info-note p{font-size:.72rem;color:#856a47;margin:5px 0 0;line-height:1.5}
.media-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dropzone{min-height:150px;border:1.5px dashed #cdd2dc;background:#fafbfc;border-radius:13px;display:grid;place-items:center;align-content:center;gap:7px;text-align:center;position:relative;padding:20px}.dropzone:hover{border-color:#7e7edb;background:#f8f8ff}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropzone b{font-size:1.6rem;color:#6666c9}.dropzone strong{font-size:.82rem}.dropzone span{font-size:.67rem;color:var(--muted)}.preview-grid,.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:14px}.preview-grid article,.media-grid article{border:1px solid var(--line);border-radius:12px;padding:9px;display:grid;gap:8px;min-width:0}.preview-grid img,.preview-grid video,.media-grid img,.media-grid video{width:100%;height:120px;object-fit:cover;border-radius:8px;background:#eef1f5}.preview-grid span,.media-grid label,.media-grid strong{font-size:.68rem;overflow:hidden;text-overflow:ellipsis}.video-links{margin-top:16px}.video-links small{color:var(--muted);font-size:.7rem}.saved-media{margin-top:20px}.external-video{height:120px;border-radius:8px;background:#111b2d;color:#fff;display:grid;place-items:center;font-size:.76rem}
.taxonomy{grid-template-columns:350px 1fr}.form-stack{display:grid;gap:15px}.taxonomy-list{display:grid}.taxonomy-list>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.taxonomy-list>div:first-child{border-top:0}.taxonomy-icon{width:38px;height:38px;border-radius:10px;background:#eef0ff;color:#5e5ec1;display:grid;place-items:center;font-weight:700}.taxonomy-list>div>div{display:grid;gap:3px}.taxonomy-list small{color:var(--muted)}.alert,.toast{border-radius:11px;padding:13px 15px}.alert.danger,.toast.danger{background:#fff0f2;color:#a82e44;border:1px solid #f4ced5}.toast{display:flex;justify-content:space-between;align-items:center;background:#ecf8f2;color:#176f4f;border:1px solid #cdebdc;margin-bottom:15px}.toast.info{background:#eef4ff;color:#315d9d;border-color:#d5e3fa}.toast button{border:0;background:transparent;color:inherit;font-size:1.2rem}
.login-page{min-height:100vh;background:#0b1424;color:#fff;display:grid;place-items:center;padding:30px;overflow:hidden}.login-page:before{content:'';position:fixed;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(91,91,214,.2),transparent 68%);left:-250px;bottom:-350px}.login-shell{width:min(980px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;position:relative}.login-copy h1{font-size:3.1rem;line-height:1.25;margin:22px 0 16px}.login-copy h1 span{color:#8989f0}.login-copy>p:last-child{color:#9aa7ba;line-height:1.75;max-width:540px}.login-card{background:#fff;color:var(--ink);padding:32px;border-radius:20px;box-shadow:0 25px 80px rgba(0,0,0,.25)}.login-card h2{margin-bottom:6px}.muted{color:var(--muted)}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.filters form{grid-template-columns:1fr 1fr 1fr}.filters .search{grid-column:span 2}.form-layout{grid-template-columns:1fr}.form-side .sticky{position:static}.taxonomy{grid-template-columns:1fr}}
@media(max-width:760px){html{font-size:14px}.app{display:block}.sidebar{position:fixed;left:0;top:0;width:270px;transform:translateX(-105%);transition:.22s ease;box-shadow:20px 0 60px rgba(0,0,0,.25)}body.menu-open .sidebar{transform:translateX(0)}.scrim{position:fixed;inset:0;border:0;background:rgba(10,18,32,.45);z-index:19}body.menu-open .scrim{display:block}.menu-btn{display:inline-grid}.topbar{height:78px;padding:0 16px;gap:10px}.topbar>div:nth-child(2){margin-right:auto}.topbar h1{font-size:1.15rem}.topbar .eyebrow{display:none}.content{padding:18px 14px 95px}.hide-mobile{display:none}.top-actions .btn{padding:0 11px;font-size:.75rem}.welcome{padding:24px;display:grid}.welcome h2{font-size:1.55rem}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-grid article{padding:16px}.stat-grid strong{font-size:1.55rem}.filters form{grid-template-columns:1fr}.filters .search{grid-column:auto}.table-panel{background:transparent;border:0;box-shadow:none}.table-panel .panel-head{padding:4px 2px 10px}.table-wrap{overflow:visible}table,tbody,tr,td{display:block}thead{display:none}tr{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:var(--shadow)}td{border:0;padding:7px 0;display:flex;justify-content:space-between;align-items:center;white-space:normal;gap:15px}td:before{content:attr(data-label);font-size:.68rem;color:var(--muted);font-weight:600}td:first-child{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:5px}td:first-child:before,.actions:before{display:none}.actions{justify-content:flex-end}.form-title{align-items:flex-start}.form-title>button{position:fixed;left:14px;right:14px;bottom:12px;width:calc(100% - 28px);z-index:12}.form-section{padding:18px}.field-grid,.media-upload-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.price-box{grid-template-columns:1fr}.plus,.equals{display:none}.suggested{margin-top:3px}.preview-grid,.media-grid{grid-template-columns:repeat(2,1fr)}.login-shell{grid-template-columns:1fr;gap:25px}.login-copy h1{font-size:2.2rem}.login-copy>p:last-child{display:none}.login-card{padding:24px}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr}.preview-grid,.media-grid{grid-template-columns:1fr}.top-actions .btn{font-size:0;width:42px}.top-actions .btn:before{content:'＋';font-size:1rem}}

/* Light SaaS visual system — EILCOM */
:root{--ink:#172033;--muted:#758198;--line:#e3eaf5;--bg:#f1f6fd;--panel:#fff;--nav:#fff;--accent:#5574f6;--accent2:#6d8bff;--green:#168b68;--red:#d2495f;--orange:#ef8e32;--shadow:0 12px 32px rgba(61,91,137,.08)}
body{background:var(--bg)}
.icon{width:19px;height:19px;display:block;flex:0 0 auto}
.app{grid-template-columns:236px minmax(0,1fr)}
.sidebar{background:#fff;color:#6f7c93;border-right:1px solid #e5ecf6;padding:24px 16px;box-shadow:8px 0 30px rgba(78,103,146,.035)}
.brand{padding:0 10px 32px;gap:10px}.brand-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1px solid #eef1f6}.brand strong{color:#182236}.brand span{color:#8a96aa}
.nav-item{color:#78859b;border-radius:11px;padding:12px 14px;gap:12px}.nav-item:hover{background:#f5f7fc;color:#3657d6}.nav-item.active{background:#edf2ff;color:#4564e1;box-shadow:none}.nav-item.active:before{content:'';position:absolute;left:0;width:3px;height:24px;border-radius:3px;background:#5574f6}.nav-item{position:relative}
.sidebar-foot{border-top:1px solid #e8edf5}.sidebar-foot .avatar{background:#edf2ff;color:#4965d4}.sidebar-foot strong{color:#253047}.sidebar-foot span{color:#8b96a8}.sidebar-foot>a{color:#8491a8}.sidebar-foot>a:hover{color:#4764d8}
.topbar{background:rgba(255,255,255,.9);border-bottom:1px solid #e4ebf4}.topbar h1{color:#172033}.content{padding-top:24px}
.btn{border-radius:10px}.btn.primary{background:#5574f6;box-shadow:0 8px 20px rgba(85,116,246,.23)}.btn.primary:hover{background:#4867e7}.btn.secondary{border-color:#dce5f1;color:#536079}.icon-btn{border-color:#dfe7f1;color:#66758d}.icon-btn:hover{border-color:#b8c6e3;color:#4b68dc;background:#f6f8ff}
.welcome{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);padding:26px 30px}.welcome:before{content:'';position:absolute;inset:0 55% 0 0;background:linear-gradient(100deg,#f7f9ff,transparent);pointer-events:none}.welcome:after{width:260px;height:260px;border-color:#dce6ff;right:-65px;top:-120px;box-shadow:0 0 0 48px rgba(85,116,246,.035),0 0 0 96px rgba(85,116,246,.018)}.welcome h2{font-size:1.75rem;color:#172033}.welcome p{color:#7b879c}.welcome .btn.light{background:#5574f6;color:#fff}.status-dot{background:#36bc85}.welcome>div>span:nth-child(2){color:#6e7a90;font-size:.8rem}
.stat-grid{gap:14px}.stat-grid article{position:relative;color:#fff;border:0;min-height:150px;padding:21px;border-radius:17px;overflow:hidden;box-shadow:0 12px 25px rgba(69,92,134,.12)}.stat-grid article:after{content:'';position:absolute;width:100px;height:100px;border-radius:50%;right:-26px;top:-28px;background:rgba(255,255,255,.14);box-shadow:0 0 0 20px rgba(255,255,255,.05)}.stat-grid article span,.stat-grid article small{color:rgba(255,255,255,.82)}.stat-grid article strong{font-size:2.15rem;line-height:1}.stat-grid .stat-blue{background:linear-gradient(135deg,#4f70ef,#7897ff)}.stat-grid .stat-orange{background:linear-gradient(135deg,#f18a2e,#ffad4c)}.stat-grid .stat-cyan{background:linear-gradient(135deg,#26a8c6,#55c9d8)}.stat-grid .stat-green{background:linear-gradient(135deg,#2ea87e,#5cc89f)}.stat-icon{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.2)}.stat-icon .icon{width:23px;height:23px}
.panel{border-color:#e3eaf4;box-shadow:var(--shadow)}.recent-list>a:hover{background:#f8faff;margin-inline:-10px;padding-inline:10px;border-radius:10px}.recent-list em{background:#edf2ff;color:#4965d3}.mini-thumb{background:linear-gradient(145deg,#edf2ff,#dde7ff);color:#4f69cf}.api-ready{background:#edf2ff}.api-ready span,.api-ready small{color:#7082bf}.api-ready strong{color:#405bc3}
.filters{background:#fff}.filters input,.filters select,.product-form input,.product-form select,.product-form textarea,.form-stack input,.form-stack select{border-color:#dfe7f1;background:#fbfdff}.filters input:focus,.filters select:focus,.product-form input:focus,.product-form select:focus,.product-form textarea:focus,.form-stack input:focus,.form-stack select:focus{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1);background:#fff}
th{background:#f7f9fc;color:#718097}th,td{border-color:#e7edf5}.badge.selling{background:#e8f8f2;color:#177859}.badge.draft{background:#fff3e5;color:#ad681f}.badge.hidden{background:#eef1ff;color:#5b60bd}.badge.archived{background:#f1f3f6;color:#687386}.price-box{background:#f7f9fd}.suggested{background:#5574f6}.margin-presets button:hover{border-color:#6e86e6;color:#4863ce}.section-title>span{background:#edf2ff;color:#4d68d6}.info-note{background:#fff6e8}.dropzone{background:#f9fbff}.dropzone:hover{border-color:#7188e4;background:#f3f6ff}.dropzone b{color:#5574f6}
.login-page{background:#edf3ff;color:var(--ink)}.login-page:before{background:radial-gradient(circle,rgba(85,116,246,.2),transparent 68%)}.login-copy h1{color:#182238}.login-copy h1 span{color:#5574f6}.login-copy>p:last-child{color:#738098}.login-card{box-shadow:0 25px 70px rgba(73,96,139,.18)}
@media(max-width:760px){.sidebar{background:#fff;color:#6f7c93}.topbar{background:rgba(255,255,255,.95)}.welcome{padding:22px}.welcome h2{font-size:1.45rem}.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{min-height:140px}.table-panel{background:transparent}.table-panel tr{border-color:#e1e9f4}.top-actions .btn.primary{width:42px;padding:0}.top-actions .btn.primary span{display:none}.top-actions .btn:before{content:none!important}.top-actions .btn{font-size:inherit}.top-actions .icon{width:18px;height:18px}}
@media(max-width:420px){.stat-grid{grid-template-columns:1fr 1fr}.stat-grid article{padding:16px;min-height:128px}.stat-grid article strong{font-size:1.75rem}.stat-grid article small{max-width:calc(100% - 38px)}.stat-icon{right:10px;bottom:10px;width:32px;height:32px}.stat-icon .icon{width:18px;height:18px}}

/* Fast-entry product form */
.smart-field{display:grid;gap:7px}.smart-field>span{font-size:.76rem;font-weight:600;color:#4c5565}.smart-combo{position:relative}.smart-combo>input[type="text"]{padding-right:40px;background:#fff}.smart-combo:after{content:'⌄';position:absolute;right:14px;top:10px;color:#7f8aa0;pointer-events:none}.combo-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;background:#fff;border:1px solid #dfe7f1;border-radius:13px;box-shadow:0 18px 40px rgba(39,61,101,.16);padding:7px;max-height:280px;overflow:auto}.combo-options{display:grid}.combo-menu button{width:100%;border:0;background:transparent;text-align:left;border-radius:9px;padding:10px 12px;color:#263146}.combo-menu button:hover{background:#f0f4ff;color:#405dcf}.combo-create{font-weight:700;color:#4563d9!important;border-bottom:1px solid #edf0f5!important;margin-bottom:5px}.combo-empty{padding:12px;color:#8a94a7;font-size:.78rem}.product-form input[readonly]{background:#f3f6fb;color:#59667b}
.money-input input[type="text"]{font-size:1.05rem;font-weight:700}.money-suggestions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px;min-height:28px}.money-suggestions>span{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:#77849a;font-weight:700}.money-suggestions button{border:0;background:#edf3ff;color:#3459d3;border-radius:9px;padding:7px 9px;font-weight:700;font-size:.72rem}.money-suggestions button:hover{background:#dfe9ff}.price-box{align-items:start}.suggested{margin-top:26px}
.media-dropzone{min-height:185px}.media-upload-icons{display:flex;gap:9px;color:#5574f6}.media-upload-icons .icon{width:27px;height:27px}.dropzone.is-dragover{border-color:#5574f6;background:#edf3ff}.sortable-media{margin-top:16px}.media-card{position:relative;transition:transform .15s ease,opacity .15s ease}.media-card[draggable="true"]{cursor:grab}.media-card.is-dragging{opacity:.45;transform:scale(.98)}.drag-handle{position:absolute;right:7px;top:7px;width:30px;height:30px;border-radius:8px;background:rgba(17,29,52,.82);color:#fff;display:grid;place-items:center;z-index:2;font-size:1.1rem;cursor:grab}.media-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.taxonomy-list>div[class*="taxonomy-depth-"]{position:relative}.taxonomy-depth-1{padding-left:28px!important}.taxonomy-depth-2{padding-left:56px!important}.taxonomy-depth-1:before,.taxonomy-depth-2:before{content:'↳';position:absolute;left:8px;color:#9aa6b8}
@media(max-width:760px){.combo-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;max-height:55vh}.price-box{gap:10px}.suggested{margin-top:0}.media-dropzone{min-height:150px}.money-suggestions button{padding:7px 8px}}

.form-layout-single{grid-template-columns:minmax(0,1fr)}.form-layout-single .form-main{max-width:1050px;width:100%;margin:auto}
.editor-shell{border:1px solid #dfe7f1;border-radius:12px;overflow:hidden;background:#fff}.editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:9px;border-bottom:1px solid #e6ecf4;background:#f7f9fc}.editor-toolbar button{min-width:36px;height:34px;border:1px solid #dfe6f1;background:#fff;border-radius:8px;color:#4d5b72}.editor-toolbar button:hover{border-color:#8da1e9;color:#4563d9}.rich-editor{min-height:260px;padding:18px;outline:0;line-height:1.7}.rich-editor:empty:before{content:attr(data-placeholder);color:#9aa4b4}.rich-editor p{margin:0 0 12px}.rich-editor ul,.rich-editor ol{padding-left:24px}
.rich-textarea{width:100%;min-height:230px;border:1px solid #dfe7f1;border-radius:12px;background:#fff;padding:16px 18px;line-height:1.7;font:inherit;color:#172033;resize:vertical;outline:0}.rich-textarea:focus{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1)}
.editor-value{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.tags-editor{border:1px solid #dfe7f1;border-radius:12px;padding:10px;background:#fff}.tags-badges{display:flex;gap:7px;flex-wrap:wrap}.tag-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;background:#eef1f5;color:#465268;font-size:.78rem}.tag-badge button{width:18px;height:18px;border:0;border-radius:50%;background:#dce1e8;color:#5f6a7b;display:grid;place-items:center;padding:0}.tags-editor>input{border:0!important;box-shadow:none!important;padding:10px 3px 3px!important;background:transparent!important}
.media-remove{position:absolute;right:7px;top:7px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;background:rgba(196,47,70,.92);color:#fff;font-size:1.25rem;line-height:1}.media-card .drag-handle{right:44px}.media-card.is-removed{display:none}
.cover-badge{display:inline-flex;align-items:center;width:max-content;border-radius:999px;background:#edf2ff;color:#4965d3;padding:6px 9px;font-size:.68rem!important;font-weight:800}
.bulk-form{display:grid;gap:16px}.bulk-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px}.bulk-toolbar>div:first-child{display:grid;margin-right:auto}.bulk-toolbar small{color:var(--muted);font-size:.68rem}.bulk-toolbar select,.bulk-toolbar input{min-height:42px;border:1px solid #dfe7f1;border-radius:9px;padding:0 11px;background:#fff;min-width:175px}.check-cell{width:44px;text-align:center!important}.check-cell input{width:17px;height:17px;accent-color:#5574f6}.product-placeholder{width:46px;height:46px;border-radius:11px;background:#eef2f7;color:#99a5b7;display:grid;place-items:center}.product-placeholder .icon{width:21px;height:21px}
@media(max-width:760px){.bulk-toolbar{align-items:stretch}.bulk-toolbar>div:first-child{width:100%}.bulk-toolbar select,.bulk-toolbar input,.bulk-toolbar .btn{width:100%}.check-cell{display:flex!important}.rich-editor{min-height:220px}.media-remove{width:32px;height:32px}}
.seo-section{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.seo-url{display:flex;align-items:center;min-height:44px;border:1px solid #dfe7f1;background:#fbfdff;border-radius:10px;padding-left:12px;overflow:hidden}.seo-url:focus-within{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1);background:#fff}.seo-url b,.seo-url span,.seo-url i{white-space:nowrap;font-size:.82rem}.seo-url b{color:#7c8799;font-weight:500}.seo-url span{color:#506078}.seo-url i{font-style:normal;color:#a2aaba;margin:0 2px}.seo-url input{border:0!important;box-shadow:none!important;border-radius:0!important;padding-left:2px!important;background:transparent!important}.field-help{font-size:.7rem;color:#8a94a7}.field-help span{font-variant-numeric:tabular-nums}
.form-stack select{width:100%;border:1px solid #dfe7f1;border-radius:10px;padding:11px 12px;color:var(--ink);outline:0;appearance:none;background:#fbfdff linear-gradient(45deg,transparent 50%,#7c8799 50%),linear-gradient(135deg,#7c8799 50%,transparent 50%);background-position:calc(100% - 18px) 18px,calc(100% - 12px) 18px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.editor-label{display:grid;gap:8px;margin-bottom:16px}.editor-label>span,.family-section label>span{font-size:.76rem;font-weight:700;color:#4c5565}.editor-toolbar span{width:1px;min-height:26px;background:#d9e1ee;margin:4px}.editor-toolbar button{font-weight:700}.family-search{display:grid;gap:8px;position:relative}.family-results{position:absolute;left:0;right:0;top:100%;z-index:35;margin-top:6px;background:#fff;border:1px solid #dfe7f1;border-radius:14px;box-shadow:0 18px 40px rgba(39,61,101,.16);padding:7px;max-height:330px;overflow:auto}.family-results button{width:100%;border:0;background:transparent;text-align:left;border-radius:10px;padding:11px 12px;display:grid;gap:3px;color:#1b2436}.family-results button:hover{background:#f0f4ff}.family-results button span,.family-product-chip span{font-size:.7rem;color:#7f8a9d}.family-result-empty,.family-empty{padding:12px;color:#8994a8;font-size:.78rem}.family-selected{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}.family-product-chip{display:inline-flex;align-items:center;gap:10px;border:1px solid #dfe7f1;background:#f7f9ff;border-radius:14px;padding:9px 10px}.family-product-chip strong{display:block;font-size:.78rem}.family-product-chip button{width:24px;height:24px;border:0;border-radius:50%;background:#e4e9f3;color:#667386;font-weight:800}
.variants-section{background:linear-gradient(180deg,#fff 0%,#fbfcff 100%)}.variant-attrs{display:grid;gap:12px}.variant-attr{display:grid;grid-template-columns:220px 1fr auto;gap:12px;align-items:end;background:#f7f9fd;border:1px solid #e3eaf4;border-radius:14px;padding:12px}.variant-add{margin-top:12px}.variant-table-wrap{margin-top:16px;overflow:auto;border:1px solid #e4ebf5;border-radius:14px}.variant-table th,.variant-table td{vertical-align:top}.variant-table td:first-child strong{display:block}.variant-table td:first-child small{display:block;margin-top:4px;color:#7b8798}.variant-empty{text-align:center!important;color:#7b8798;padding:22px!important}.variant-image{width:96px;height:82px;border:1px dashed #cbd5e4;border-radius:12px;background:#f8fbff;display:grid!important;place-items:center;overflow:hidden;cursor:pointer}.variant-image img{width:100%;height:100%;object-fit:cover}.variant-image input{display:none}.variant-image span{font-size:.72rem;color:#5574f6;font-weight:700}.variant-delete{display:flex!important;align-items:center;gap:5px;margin-top:6px;font-size:.68rem;color:#7b8798}.variant-delete input{width:auto!important}.variant-table .money-input{min-width:135px}.variant-table input[type="number"]{min-width:90px}.variant-table [data-variant-suggested]{display:block;min-width:115px;padding-top:11px;color:#172033}
@media(max-width:760px){.variant-attr{grid-template-columns:1fr}.variant-table-wrap{border:0}.variant-table{min-width:760px}.variant-add{width:100%}}
.media-stats{grid-template-columns:repeat(3,1fr);margin-bottom:18px}.media-library-panel .panel-head small{color:#7f8a9d}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;padding:18px}.library-card{border:1px solid #e3eaf4;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(55,82,126,.06);padding:10px;display:grid;gap:10px;min-width:0}.library-card img,.library-card video,.library-external{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;background:#eef3fb}.library-external{display:grid;place-items:center;color:#fff;text-decoration:none;background:linear-gradient(135deg,#172033,#354363)}.library-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.82rem}.library-card span,.library-card small{display:block;color:#7b8798;font-size:.7rem;line-height:1.45}.btn.mini{min-height:34px;height:34px;font-size:.72rem;justify-content:center}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 18px 18px}.pagination span{color:#7b8798;font-size:.78rem}.pagination .disabled{pointer-events:none;opacity:.45}
.media-panel-head{align-items:flex-start}.media-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.media-select-all{display:inline-flex;align-items:center;gap:7px;color:#667386;font-size:.76rem;font-weight:700}.media-select-all input,.library-check input{accent-color:#5574f6}.btn.danger{border-color:#f0c8d0;color:#b9344d;background:#fff7f8}.btn.danger:not(:disabled):hover{border-color:#d2495f;color:#fff;background:#d2495f}.btn:disabled{opacity:.5;cursor:not-allowed}.library-card{position:relative}.library-check{position:absolute;left:18px;top:18px;z-index:5}.library-check input{position:absolute;opacity:0}.library-check span{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.94);border:1px solid #ccd6e6;display:grid!important;place-items:center;color:transparent;font-weight:900;box-shadow:0 8px 20px rgba(31,49,82,.16)}.library-check input:checked+span{background:#5574f6;border-color:#5574f6;color:#fff}.library-card:has(.library-check input:checked){border-color:#5574f6;box-shadow:0 0 0 3px rgba(85,116,246,.12),0 10px 24px rgba(55,82,126,.08)}
.ai-settings-panel{margin-top:18px}.ai-settings-panel .panel-head small{padding:7px 10px;border-radius:999px;background:#edf2ff;color:#4965d3;font-weight:800}.ai-settings-form{padding:0 22px 14px}.ai-clear-key{display:flex!important;grid-template-columns:none!important;align-items:center;gap:8px;color:#7b8798}.ai-clear-key input{width:auto!important}.ai-actions,.ai-test-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai-test-form{border-top:1px solid #e6edf6;margin:0 22px;padding:14px 0 22px}.ai-test-form small{color:#7b8798}
@media(max-width:760px){.media-stats{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:repeat(2,1fr);padding:12px;gap:10px}.pagination{padding-bottom:12px}.media-library-panel .panel-head{padding:14px}}
@media(max-width:760px){.product-form .form-title{position:sticky;top:0;padding:10px 0;align-items:center}.product-form .form-title>button{position:static!important;width:auto!important;left:auto!important;right:auto!important;bottom:auto!important}}
.product-form .price-box{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr) 34px minmax(260px,.9fr);align-items:center;gap:20px;padding:24px 28px;border-radius:18px;background:#f7f9fd}.product-form .price-box label{position:relative}.product-form .price-box label>span{font-size:.82rem}.product-form .plus,.product-form .equals{padding:24px 0 0;text-align:center;font-size:1.35rem;font-weight:800;color:#9aa5b6}.product-form .money-input input[type="text"]{height:58px;border-radius:14px;font-size:1.18rem}.product-form .money-input b{top:18px}.product-form .suggested{margin-top:24px;min-height:72px;border-radius:16px;padding:16px 20px;justify-content:center;background:#5574f6}.product-form .suggested span{font-size:.78rem;color:rgba(255,255,255,.68)}.product-form .suggested strong{font-size:1.35rem}.product-form .money-suggestions{position:absolute;left:0;top:calc(100% + 10px);z-index:50;display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:max-content;max-width:min(560px,90vw);min-height:0;margin:0;padding:14px 16px;border:1px solid #dfe7f1;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(39,61,101,.16)}.product-form .money-suggestions:empty{display:none}.product-form .money-suggestions>span{width:100%;font-size:.68rem}.product-form .money-suggestions button{padding:10px 13px;border-radius:11px;font-size:.82rem}@media(max-width:900px){.product-form .price-box{grid-template-columns:1fr}.product-form .plus,.product-form .equals{display:none}.product-form .suggested{margin-top:0}.product-form .money-suggestions{width:100%;max-width:100%}}
.textarea-editor{border-radius:12px;overflow:hidden}.textarea-editor .rich-textarea{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:230px}.textarea-editor:focus-within{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1)}.textarea-editor .editor-toolbar span{width:1px;min-height:26px;background:#d9e1ee;margin:4px}.textarea-editor .editor-toolbar button{font-weight:800}
.wysiwyg-editor{border-radius:12px;overflow:hidden}.wysiwyg-editor .wysiwyg-surface{min-height:240px;background:#fff}.wysiwyg-editor .wysiwyg-source{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:240px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.84rem}.wysiwyg-editor .html-toggle{margin-left:auto;background:#edf2ff;color:#4965d3}.wysiwyg-editor .html-toggle.active{background:#5574f6;color:#fff}.wysiwyg-editor:focus-within{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1)}
.media-library-panel{overflow:hidden}.media-library-panel .library-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))!important;gap:12px!important;padding:16px!important;align-items:start}.media-library-panel .library-card{padding:8px!important;border-radius:12px!important;gap:7px!important;box-shadow:none!important;overflow:hidden}.media-library-panel .library-card>a:first-of-type,.media-library-panel .library-card>video,.media-library-panel .library-external{display:block;width:100%!important;aspect-ratio:1/1!important;max-height:none!important;overflow:hidden;border-radius:9px!important}.media-library-panel .library-card img,.media-library-panel .library-card video{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:9px!important}.media-library-panel .library-card div{min-width:0}.media-library-panel .library-card strong{font-size:.72rem!important}.media-library-panel .library-card span,.media-library-panel .library-card small{font-size:.62rem!important}.media-library-panel .btn.mini{height:30px;min-height:30px;font-size:.65rem}.media-library-panel .library-check{left:12px;top:12px}.media-library-panel .library-check span{width:26px;height:26px;border-radius:8px}@media(max-width:760px){.media-library-panel .library-grid{grid-template-columns:repeat(3,1fr)!important}.media-stats{grid-template-columns:1fr!important}}
.product-form .price-box.price-box-single{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end}.product-form .price-box.price-box-single .suggested{margin-top:0}.product-form .price-box.price-box-single label{max-width:520px}.product-form .price-box.price-box-single .money-input input[type="text"]{height:62px;font-size:1.25rem}@media(max-width:900px){.product-form .price-box.price-box-single{grid-template-columns:1fr}.product-form .price-box.price-box-single label{max-width:none}}
/* Website settings and leads */
.form-stack textarea,.lead-update-form textarea{width:100%;border:1px solid #dfe7f1;background:#fbfdff;border-radius:10px;padding:11px 12px;color:var(--ink);outline:0;resize:vertical}.form-stack textarea:focus,.lead-update-form textarea:focus{border-color:#7890ef;box-shadow:0 0 0 3px rgba(85,116,246,.1);background:#fff}.lead-cell{display:grid;gap:4px;min-width:220px}.lead-cell span,.lead-cell small,.lead-cell a{font-size:.72rem;color:#7b8798}.lead-cell a{color:#5574f6;font-weight:700}.lead-update-form{display:grid;gap:8px;min-width:220px}.lead-update-form select{width:100%;border:1px solid #dfe7f1;border-radius:9px;padding:9px 10px;background:#fff}.badge.new{background:#fff3e5;color:#ad681f}.badge.contacted,.badge.consulting{background:#edf2ff;color:#4965d3}.badge.won{background:#e8f8f2;color:#177859}.badge.lost{background:#f1f3f6;color:#687386}