@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#182338;--muted:#788398;--line:#e8ecf2;--bg:#f6f8fb;--purple:#6558e8;--purple-dark:#5145cf}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:235px;background:#111a2a;color:white;padding:27px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;color:white;text-decoration:none;font:800 20px Manrope;margin:0 0 45px 5px}.brand small{display:block;font:600 8px 'DM Sans';letter-spacing:1.7px;color:#8491a8;margin-top:4px}.brand-mark{width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,#9a8cff,#5b4ce0);display:grid;place-items:center;font:800 22px Manrope}.side-label,.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#8793a8}.side-label{padding:0 12px 12px}.nav{border:0;background:transparent;color:#aab4c5;text-align:left;padding:13px 12px;border-radius:9px;font:600 13px 'DM Sans';cursor:pointer;margin:2px 0}.nav b{float:right;font-size:10px;background:#29364b;padding:3px 7px;border-radius:20px}.nav:hover,.nav.active{background:#27334b;color:white}.side-bottom{margin-top:auto}.connection{border-top:1px solid #2a3548;padding:20px 6px;display:flex;align-items:center;gap:10px;font-size:11px}.connection i,.status i{width:7px;height:7px;background:#49ce9b;border-radius:50%;display:inline-block}.connection small{display:block;color:#8390a5;margin-top:4px;font-size:9px}.version{color:#68758a;font-size:8px;letter-spacing:1px;padding-left:6px}.main{max-width:1500px;width:100%;padding:30px 4.2%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.topbar h1{font:800 27px Manrope;margin:5px 0}.top-actions{display:flex;align-items:center;gap:18px}.status{font-size:11px;color:#718096}.status i{margin-right:6px}.primary,.secondary,.white-btn{border:0;border-radius:8px;padding:11px 16px;font:700 12px 'DM Sans';cursor:pointer}.primary{background:var(--purple);color:white;box-shadow:0 4px 10px #6558e826}.primary:hover{background:var(--purple-dark)}.secondary{background:#f0f2f7;color:#39465d}.view{animation:fade .2s ease}.hidden{display:none!important}@keyframes fade{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.welcome{background:linear-gradient(112deg,#26234e,#5148a9 68%,#7568d8);border-radius:17px;min-height:250px;padding:31px 38px;color:white;display:flex;justify-content:space-between;overflow:hidden;position:relative}.welcome .eyebrow{color:#c5c0ff}.welcome h2{font:800 28px/1.2 Manrope;margin:12px 0}.welcome h2 em{font-style:normal;color:#b6f2da}.welcome p:not(.eyebrow){font-size:12px;color:#d6d5f0;max-width:390px;line-height:1.6}.white-btn{background:white;color:#443c9d;margin-top:10px}.welcome-art{width:300px;position:relative}.art-orb{position:absolute;width:190px;height:190px;border:1px solid #ffffff32;border-radius:50%;right:38px;top:5px;box-shadow:0 0 0 24px #ffffff09,0 0 0 48px #ffffff08}.art-card{position:absolute;z-index:1;background:white;color:#7669e9;border-radius:12px;box-shadow:0 18px 45px #17143b55;padding:15px;display:flex;flex-direction:column}.art-card small{font-size:8px;letter-spacing:1px;color:#8c91a5;margin:8px 0}.art-card strong{font:800 16px Manrope;color:#2c3150}.card-one{right:100px;top:26px;transform:rotate(-7deg);width:145px;height:150px}.card-two{right:0;bottom:10px;width:120px;height:110px;transform:rotate(7deg);color:#34b98c}.card-two strong{font-size:29px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:19px 0 27px}.stat{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 19px}.stat span,.stat small{display:block;color:var(--muted);font-size:10px}.stat strong{display:block;font:800 25px Manrope;margin:8px 0 4px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.section-head h3,.panel h3{font:800 15px Manrope;margin:0}.section-head p,.panel-head p{font-size:10px;color:var(--muted);margin:5px 0 0}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.quick{position:relative;background:white;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}.quick:hover{border-color:#b7b0ff}.quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;margin-bottom:12px}.purple{background:#eeecff;color:#6c5ee8}.mint{background:#e3f8ef;color:#36ae83}.orange{background:#fff1df;color:#e89a39}.quick strong{font-size:12px}.quick small{font-size:10px;color:var(--muted);margin-top:5px}.quick>b{position:absolute;right:17px;top:20px;color:#929ab0}.text-btn{border:0;background:none;color:var(--purple);font:700 11px 'DM Sans';cursor:pointer}.product-list{display:grid;gap:9px}.product-row{background:white;border:1px solid var(--line);border-radius:11px;padding:13px 15px;display:flex;align-items:center;gap:13px}.product-icon{width:39px;height:39px;border-radius:10px;background:#f0efff;color:#6b5ee7;display:grid;place-items:center;flex-shrink:0}.product-info{min-width:0;flex:1}.product-info strong{font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.product-price{font-size:11px;color:#49556a;margin-right:12px}.row-actions{display:flex;gap:6px}.icon-btn{border:1px solid var(--line);background:white;border-radius:7px;padding:7px 9px;font-size:11px;cursor:pointer;color:#667187}.empty{border:1px dashed #d8deea;border-radius:12px;padding:30px;text-align:center;color:var(--muted);font-size:11px;background:white}.filters{display:flex;gap:10px;margin:16px 0}.filters input{flex:1}.filters select{max-width:190px}input,select,textarea{width:100%;border:1px solid #e1e6ef;border-radius:8px;padding:11px 12px;background:white;color:var(--ink);font:12px 'DM Sans';outline:none}input:focus,select:focus,textarea:focus{border-color:#9b91ff}.studio-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.spark{font-size:8px;letter-spacing:1px;color:#7769e9;background:#f0efff;border-radius:20px;padding:7px 9px}.panel label,form label{display:block;font-size:10px;font-weight:700;color:#4d5970;margin:14px 0 7px}.full{width:100%;margin-top:22px;padding:14px}.hint{font-size:9px;color:#939caf;line-height:1.5}.draft-tag{font-size:8px;font-weight:700;color:#b77b28;background:#fff3df;padding:6px 8px;border-radius:20px}.output-panel textarea{resize:vertical;line-height:1.7;min-height:250px}.output-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.message{font-size:10px;color:#25946c;margin-top:9px;min-height:14px}.caption-list{display:grid;gap:9px}.caption-item{background:white;border:1px solid var(--line);border-radius:10px;padding:14px}.caption-item p{font-size:11px;line-height:1.6;color:#566176;white-space:pre-wrap}.caption-item small{font-size:9px;color:#929bad}.planner-hero{display:flex;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.planner-hero .quick-icon{margin:0}.planner-hero h2{font:800 16px Manrope;margin:0}.planner-hero p{font-size:10px;color:var(--muted);margin:5px 0 0}.notice{background:#fff8ec;border:1px solid #f6e4c7;border-radius:10px;padding:15px 17px;margin:16px 0}.notice strong{font-size:11px;color:#926022}.notice p{font-size:10px;color:#876e4b;line-height:1.6}.roadmap{background:white;border:1px solid var(--line);border-radius:12px;padding:5px 20px}.road-step{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #eff1f5}.road-step:last-child{border:0}.road-step>span{width:25px;height:25px;border-radius:50%;background:#f0f1f5;color:#8790a1;display:grid;place-items:center;font-size:11px}.road-step.done>span{background:#e1f7ed;color:#2ca77c}.road-step div{flex:1}.road-step strong{display:block;font-size:11px}.road-step small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.road-step>b{font-size:9px;color:#8b94a5}footer{font-size:9px;color:#9aa3b3;padding:35px 0 10px}dialog{border:0;border-radius:15px;padding:0;width:min(460px,calc(100% - 28px));box-shadow:0 25px 90px #111a2a44}dialog::backdrop{background:#111a2a88;backdrop-filter:blur(3px)}#product-form{padding:25px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-head h2{font:800 21px Manrope;margin:5px 0}.close{border:0;background:#f1f3f7;border-radius:50%;width:30px;height:30px;font-size:20px;cursor:pointer}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}@media(max-width:900px){.sidebar{width:205px}.main{padding:25px 3%}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.app-shell{display:block}.sidebar{width:100%;padding:13px 14px;display:block}.brand{margin:0 0 12px}.side-label,.side-bottom{display:none}.sidebar .nav{display:inline-block;padding:9px 8px;font-size:10px;margin:0 1px}.main{padding:22px 14px}.topbar h1{font-size:22px}.top-actions{gap:8px}.status{display:none}.welcome{padding:25px;min-height:235px}.welcome h2{font-size:24px}.welcome-art{position:absolute;right:-85px;opacity:.45}.stats{gap:8px}.stat{padding:13px}.quick-grid,.studio-layout{grid-template-columns:1fr}.filters{flex-direction:column}.filters select{max-width:none}.product-row{gap:8px}.product-price{display:none}.panel{padding:16px}}
.caption-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.icon-btn.danger{color:#b54747;border-color:#f1d6d6}.icon-btn.danger:hover{background:#fff1f1;border-color:#e8bcbc}.caption-item{overflow-wrap:anywhere}

#customer-account-panel form{max-width:520px}#customer-account-panel hr{border:0;border-top:1px solid var(--line);margin:24px 0}#admin-customers-list .caption-item{display:flex;justify-content:space-between;align-items:center;gap:12px}#admin-customers-list .caption-item p{margin:5px 0}#admin-customers-list .caption-item button{white-space:nowrap}