@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Quicksand:wght@500;600;700&display=swap');
:root { color-scheme: dark; --text-muted:#b6a3c6; --purple-light:#d2b0ec; --gold-accent:#e5c29f; --font-heading:'Quicksand',sans-serif; --font-body:'Quicksand',sans-serif; --glass-border:#ffffff17; }
* { box-sizing:border-box; } body { margin:0; font-family:var(--font-body); font-size:14px; line-height:1.5; } h1,h2,h3,p { margin:0; } a { color:inherit; } button,input,select,textarea { font:inherit; } button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; } button { cursor:pointer; } button:disabled { cursor:default; opacity:.5; } [hidden] { display:none!important; } :focus-visible { outline:2px solid #e5c29f; outline-offset:3px; } .form-input { display:block; width:100%; min-width:0; padding:11px 13px; border:1px solid #ffffff20; background:#ffffff06; border-radius:10px; color:#f5eefc; transition:border-color .2s,background .2s; } .form-input:focus { border-color:#b085cd; background:#ffffff09; } .form-input::placeholder { color:#927ea4; } .form-label { display:block; font-size:13px; color:#dccce8; } .form-group { margin-bottom:16px; } input[type=checkbox] { accent-color:#b98dd8; } input[type=file] { font-size:12px; } input::file-selector-button { font:inherit; border:0; border-radius:6px; padding:7px 10px; margin-right:8px; background:#a575c7; color:#1a1022; cursor:pointer; } option { background:#24162e; color:white; } .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
body{display:block;background:#100a1b;color:#f5eefc}.admin-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh;width:100%}.admin-sidebar{padding:30px 18px;background:#191024;border-right:1px solid #ffffff12}.admin-nav{display:flex;flex-direction:column;gap:5px;margin-top:28px}.admin-nav-item{color:#bbaaca;text-decoration:none;border-radius:10px;padding:12px;font-size:13px}.admin-nav-item.active,.admin-nav-item:hover{background:#6d3f96;color:white}.admin-content{padding:32px;min-width:0;max-width:1500px;width:100%;margin:auto}.catalog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.catalog-heading h1{font-size:28px;margin-top:7px}.catalog-eyebrow{font-size:10px;letter-spacing:2px;color:#bd92dc}.catalog-card{background:#21152e;border:1px solid #ffffff15;border-radius:20px;padding:24px;margin:24px 0}.catalog-card h2{font-size:20px;margin-bottom:20px}.catalog-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog-form label{font-size:13px;color:#dccce8;display:block}.catalog-form .form-input{margin-top:7px;max-width:100%}.catalog-form textarea{resize:vertical}.catalog-form small,.catalog-table small{display:block;font-size:11px;line-height:1.6;color:#b7a1c7;margin-top:5px}.catalog-wide{grid-column:1/-1}.catalog-form .catalog-check{display:flex;align-items:center;gap:10px}.catalog-check input{width:18px;height:18px}.catalog-button{display:inline-block;background:#a575c7;color:#160b20;border:0;border-radius:10px;padding:11px 16px;text-decoration:none;font-weight:700;cursor:pointer;font-size:13px}.catalog-link{background:none;border:0;color:#f2adc3;cursor:pointer;padding:10px 0;font-size:12px}.catalog-inline{display:block}.catalog-help{font-size:13px;color:#c1adcf;line-height:1.8}.catalog-tabs{display:flex;gap:12px;flex-wrap:wrap}.catalog-tabs a,.catalog-actions a,.catalog-form a{color:#d3a8f0;font-size:13px}.catalog-success,.catalog-error{padding:14px;border-radius:12px;font-size:13px}.catalog-success{background:#144737}.catalog-error{background:#672b3b}.catalog-warning{color:#f1bc7d!important}.catalog-actions{display:flex;gap:18px;align-items:center}.catalog-table-wrap{overflow:auto;margin-top:18px}.catalog-table{border-collapse:collapse;width:100%;font-size:13px}.catalog-table td,.catalog-table th{padding:16px;text-align:left;border-bottom:1px solid #ffffff14}.catalog-table th{background:#291b37;color:#c6a4de}.catalog-table td{min-width:135px}.catalog-item{display:flex;gap:12px;align-items:center;min-width:200px}.catalog-item img{width:56px;height:56px;object-fit:contain;border-radius:9px;background:#ffffff07}.catalog-form fieldset{border:1px solid #ffffff20;border-radius:14px;padding:18px}.catalog-form legend{padding:0 10px;font-weight:700;font-size:14px}.catalog-form h3{font-size:14px;margin:16px 0 10px}.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-form .component-option{display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:10px}.component-option img{width:42px;height:42px;object-fit:contain;border-radius:7px}.component-option span{flex:1;min-width:0}.component-option strong{font-size:11px}.component-option .form-input{width:65px;margin:0;padding:8px;flex-shrink:0}.composition-summary{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:18px 0 0;color:#e2c098;font-size:13px}.catalog-form [hidden]{display:none!important}.component-option:has(input:not([value="0"])){border-color:#ffffff20}button,input,select,textarea{font:inherit}.catalog-form input[type=color]{height:44px;padding:4px}.catalog-table td:nth-child(2){max-width:370px}.catalog-form option{background:#24162e;color:white}
@media(max-width:900px){.admin-layout{grid-template-columns:170px minmax(0,1fr)}.admin-content{padding:20px}.component-grid{grid-template-columns:1fr}.admin-sidebar{padding:20px 10px}.brand-name{font-size:18px}}
@media(max-width:600px){.admin-layout{display:block}.admin-sidebar{padding:15px}.admin-nav{flex-direction:row;overflow:auto;margin-top:10px}.admin-nav-item{white-space:nowrap;padding:9px}.catalog-form{grid-template-columns:1fr}.admin-content{padding:16px}.catalog-card{padding:16px}.catalog-heading h1{font-size:23px}.catalog-table td,.catalog-table th{padding:12px}}

/* Shared administration shell and components, used on every page. */
.admin-layout { grid-template-columns:240px minmax(0,1fr); }
.admin-sidebar { position:sticky; top:0; height:100dvh; display:flex; flex-direction:column; padding:30px 20px; overflow-y:auto; }
.admin-brand { display:flex; align-items:center; gap:10px; text-decoration:none; font-family:'Fredoka',sans-serif; font-size:21px; font-weight:600; color:#f5eefc; }
.admin-brand small { display:block; font-family:var(--font-body); font-size:8px; font-weight:600; letter-spacing:2px; color:#ab91bf; margin-top:4px; }
.admin-brand-icon { width:36px; height:40px; display:grid; place-items:center; flex-shrink:0; border:1px solid #a87ec048; border-radius:12px; color:#d9b5ec; background:linear-gradient(145deg,#6c428c65,#6c428c15); font-size:18px; }
.admin-nav { margin-top:36px; }
.admin-nav-item { display:flex; align-items:center; gap:12px; font-weight:600; transition:background .2s,color .2s; }
.admin-nav-item i { width:18px; text-align:center; font-size:14px; opacity:.85; }
.admin-nav-item.active { box-shadow:inset 2px 0 #d9b7ef; }
.admin-sidebar-foot { margin-top:auto; display:flex; align-items:center; gap:10px; padding-top:26px; border-top:1px solid #ffffff10; font-size:11px; color:#d4bfdf; }
.admin-sidebar-foot small { display:block; color:#8f7a9e; font-size:10px; margin-top:3px; }
.admin-avatar { width:36px; height:36px; border-radius:50%; display:inline-grid; place-items:center; flex-shrink:0; background:#af80c622; border:1px solid #c08eda26; color:#d9b7ec; font-weight:700; }
.admin-content { margin:0 auto; padding:0 32px 24px; }
.admin-topline { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:14px; border-bottom:1px solid #ffffff0d; margin-bottom:30px; font-size:11px; color:#aa95b9; }
.admin-topline>span { display:flex; align-items:center; gap:10px; }
.admin-topline a { color:#d9c5e5; text-decoration:none; white-space:nowrap; }.admin-topline a i { font-size:10px; margin-left:6px; }
.catalog-heading { align-items:center; margin-bottom:24px; }.catalog-heading h1 { font-size:28px; line-height:1.3; letter-spacing:-.5px; }.catalog-heading .catalog-help { margin-top:10px; max-width:650px; font-size:12px; }.catalog-heading>.catalog-button { flex-shrink:0; }
.catalog-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:40px; transition:background .2s,transform .2s; }.catalog-button:hover { background:#ba90d5; }.catalog-button-secondary { background:#a575c71a; border:1px solid #a575c74d; color:#d9b5ec; }.catalog-button-secondary:hover { background:#a575c733; }
.catalog-text-link { color:#d3a8f0; font-weight:600; font-size:12px; text-decoration:none; }.catalog-text-link:hover { text-decoration:underline; }
.catalog-card { background:linear-gradient(150deg,#ffffff02,transparent 55%),#21152e; margin:22px 0; }
.catalog-card h2 { font-size:17px; margin:0 0 14px; }.catalog-card h2 i { font-size:16px; color:#c299dd; margin-right:7px; }
.catalog-tabs { margin-bottom:18px; }.catalog-tabs a { text-decoration:none; padding:9px 13px; border-radius:9px; background:#a575c710; border:1px solid #a575c730; font-size:12px; }
.admin-section-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:22px; }.admin-section-heading h2 { margin-bottom:5px; }.admin-section-heading p { color:#ad98bd; font-size:12px; }
.admin-table-card { overflow:hidden; }.catalog-table-wrap { border:1px solid #ffffff10; border-radius:12px; }.admin-table-card .catalog-table-wrap { margin-top:0; }.catalog-table th { font-size:11px; white-space:nowrap; font-weight:700; padding:14px 16px; }.catalog-table td { vertical-align:top; font-size:12px; padding:16px; min-width:110px; line-height:1.7; }.catalog-table tbody tr:last-child td { border-bottom:0; }.catalog-table tbody tr:hover { background:#ffffff03; }
.catalog-table .catalog-item { min-width:155px; }.catalog-table .admin-money { white-space:nowrap; color:#e5c29f; font-weight:700; }.admin-muted { color:#ab96bc; }.catalog-table small { color:#aa96bc; }.admin-item-description { min-width:180px; max-width:260px; }.admin-address { min-width:170px; max-width:230px; }
.admin-status { display:inline-flex; align-items:center; gap:5px; padding:4px 9px; border-radius:7px; font-size:10px; font-weight:700; white-space:nowrap; }.admin-status::before { content:''; height:5px; width:5px; border-radius:50%; background:currentColor; }.admin-status-purple { color:#d7b7ec; background:#a575c724; border:1px solid #a575c730; }.admin-status-green { color:#9fd7c2; background:#2e896826; border:1px solid #60aa8626; }.admin-status-amber { color:#e8c29d; background:#b7864c20; border:1px solid #c6955b28; }
.admin-order-form { display:flex; flex-wrap:wrap; gap:7px; margin-top:11px; min-width:150px; }.admin-order-form .form-input { padding:8px 10px; font-size:11px; }.admin-order-form .catalog-button { width:100%; min-height:32px; padding:7px 11px; font-size:11px; }
.admin-video-cell{display:flex;align-items:flex-start;gap:12px;min-width:250px}.admin-video-qr{width:112px;height:112px;flex:0 0 112px;padding:6px;background:#fff;border-radius:8px;box-sizing:content-box}.admin-video-qr img,.admin-video-qr canvas{display:block;width:112px!important;height:112px!important}.admin-video-actions{display:flex;flex-direction:column;align-items:flex-start;min-width:110px}.admin-video-actions strong{color:#eadcf4}.admin-video-actions .catalog-text-link{margin-top:5px}.admin-muted{color:#9f88b1}
.admin-toolbar { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:18px; }.admin-search { display:flex; align-items:center; gap:10px; width:min(380px,100%); }.admin-search>i { color:#9e86b1; }.admin-search .form-input { font-size:12px; background:#160e204a; }.admin-filter-count { color:#9b83ad; font-size:11px; white-space:nowrap; }
.catalog-table .admin-empty { text-align:center; padding:42px 24px; color:#a991bb; }.admin-empty>i { display:block; font-size:26px; margin-bottom:13px; color:#bd99d5; }.admin-empty strong { display:block; color:#d3bcdf; margin-bottom:6px; }.admin-empty span { display:block; font-size:11px; }
.admin-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.admin-stat { border:1px solid #ffffff15; border-radius:16px; background:linear-gradient(150deg,#2a1b3a,#1d1329); padding:20px; }.admin-stat-top { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:#c7b2d5; }.admin-stat-top i { color:#c59cde; background:#a575c719; width:30px; height:30px; display:grid; place-items:center; border-radius:9px; }.admin-stat>strong { display:block; margin:14px 0 8px; font-size:clamp(20px,2vw,29px); letter-spacing:-.5px; color:#f2e7f9; overflow-wrap:anywhere; }.admin-stat>small { font-size:10px; color:#9d85b1; }
.admin-quick-card { display:grid; grid-template-columns:1fr 1fr; gap:24px; align-items:center; background:radial-gradient(ellipse at top right,#70428722,transparent 65%),#21152e; }.admin-quick-card h2 { margin:12px 0 8px; font-size:21px; }.admin-quick-card .catalog-help { font-size:12px; }.admin-quick-links { display:flex; flex-direction:column; gap:8px; }.admin-quick-links a { display:flex; gap:12px; align-items:center; text-decoration:none; color:#d4bcdf; background:#ffffff03; border:1px solid #ffffff10; border-radius:10px; padding:12px; font-size:12px; }.admin-quick-links a:hover { background:#a575c716; }.admin-quick-links a span { margin-left:auto; }
.admin-setting-link { display:flex; align-items:center; justify-content:space-between; gap:24px; }.admin-setting-link .catalog-help { font-size:12px; }.admin-setting-link .catalog-button { flex-shrink:0; }.admin-save-bar { display:flex; gap:15px; align-items:center; justify-content:space-between; padding:16px 0; }.admin-save-bar>span { color:#9f88b1; font-size:12px; }
.admin-footer { display:flex; align-items:center; justify-content:space-between; gap:15px; border-top:1px solid #ffffff0b; margin-top:36px; padding-top:20px; font-size:10px; color:#826a94; }.admin-footer>span:first-child { font-family:'Fredoka',sans-serif; font-size:15px; color:#a78cb9; }
.admin-skip { position:fixed; top:-70px; left:15px; z-index:100; background:#d5b2ed; color:#24162e; padding:12px; border-radius:8px; }.admin-skip:focus { top:10px; }
.admin-login-page { min-height:100dvh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at 50% 30%,#6b378d35,transparent 65%),#100a1b; }.admin-login-card { width:min(460px,100%); padding:36px; background:#21152e; border:1px solid #ffffff18; border-radius:24px; box-shadow:0 30px 90px #0004; }.admin-login-card .admin-brand { margin-bottom:40px; }.admin-login-card h1 { font-size:26px; line-height:1.4; margin:12px 0; }.admin-login-card .catalog-help { font-size:12px; margin-bottom:24px; }.admin-login-form { display:flex; flex-direction:column; gap:18px; }.admin-login-form label { font-size:12px; color:#d7c1e5; }.admin-login-form .form-input { margin-top:8px; }.admin-login-form>.catalog-button { margin-top:6px; justify-content:space-between; min-height:45px; }.admin-login-back { display:block; margin-top:24px; text-align:center; text-decoration:none; font-size:11px; color:#ab8cbe; }
@media(max-width:1100px) { .admin-layout { grid-template-columns:205px minmax(0,1fr); }.admin-sidebar { padding:26px 14px; }.admin-content { padding-left:22px; padding-right:22px; }.admin-brand { font-size:18px; }.admin-stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .admin-layout { display:block; }.admin-sidebar { position:static; height:auto; padding:17px 18px 10px; border-right:0; border-bottom:1px solid #ffffff12; overflow:visible; }.admin-nav { display:flex; flex-direction:row; gap:6px; overflow-x:auto; margin-top:18px; padding-bottom:8px; }.admin-nav-item { padding:9px 12px; font-size:11px; gap:7px; white-space:nowrap; }.admin-nav-item i { font-size:11px; width:auto; }.admin-sidebar-foot { display:none; }.admin-brand { font-size:21px; }.admin-content { padding:0 18px 22px; }.admin-topline { min-height:56px; margin-bottom:23px; font-size:10px; }.catalog-heading h1 { font-size:25px; }.catalog-heading { gap:12px; }.catalog-heading .catalog-help { font-size:11px; }.catalog-heading>.catalog-button { padding:10px; font-size:11px; }.admin-quick-card { grid-template-columns:1fr; }.admin-setting-link { flex-direction:column; align-items:flex-start; }.catalog-card { padding:18px; }.admin-section-heading { align-items:flex-start; }.catalog-table-wrap { -webkit-overflow-scrolling:touch; }.admin-footer { align-items:flex-start; }.admin-footer>span:last-child { text-align:right; max-width:200px; } }
@media(max-width:460px) { .catalog-form { grid-template-columns:1fr; }.admin-stat { padding:14px; }.admin-stats { gap:10px; }.admin-stat-top { font-size:10px; gap:5px; }.admin-stat-top i { width:24px; height:24px; }.admin-stat>strong { font-size:22px; }.admin-stat>small { font-size:9px; }.admin-toolbar { flex-wrap:wrap; gap:8px; }.admin-filter-count { margin-left:24px; }.admin-save-bar { flex-direction:column; align-items:stretch; }.admin-save-bar>span { text-align:center; font-size:11px; }.admin-login-card { padding:26px; }.admin-login-card h1 { font-size:23px; }.admin-topline>span { gap:6px; }.catalog-heading>.catalog-button { max-width:110px; }.catalog-heading { align-items:flex-start; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { transition:none!important; scroll-behavior:auto!important; } }

/* Keep table labels inside their scroll container on narrow screens. */
.catalog-table-wrap { position:relative; }
* { scrollbar-width:thin; scrollbar-color:#65467c #191024; }

/* Brighter workspace and grouped navigation for faster daily operation. */
body{background:#f5f0f7;color:#392a43}
.admin-sidebar{background:#291a34}
.admin-nav{gap:14px}
.admin-nav-group{display:grid;gap:4px}
.admin-nav-label{padding:0 12px 4px;color:#9e89ad;font-size:8px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.admin-nav-item{padding:10px 12px;font-size:12px;color:#d0bddb}
.admin-nav-item.active,.admin-nav-item:hover{background:#8d5bad;color:#fff}
.admin-content{color:#392a43}
.catalog-heading h1,.admin-section-heading h2{color:#442f50}
.catalog-heading .catalog-help,.catalog-help,.admin-section-heading p{color:#786982}
.catalog-card{background:#fff;border-color:#e5d9e9;box-shadow:0 10px 32px #4c28510d;color:#392a43}
.catalog-card h2,.catalog-card h3{color:#442f50}
.catalog-form label{color:#5c4968}
.form-input{border-color:#d9cddd;background:#faf7fb;color:#392a43}
.form-input:focus{border-color:#9c69b3;background:#fff}
.form-input::placeholder{color:#9d8ba6}
.catalog-table th{background:#eee5f1;color:#684d75}.catalog-table td{border-bottom-color:#e9e0ec}.catalog-table small{color:#7f7088}
.catalog-table-wrap{border:1px solid #e7dce9;border-radius:14px}
.catalog-form fieldset,.payment-admin-list fieldset{border-color:#ded2e2!important}
.admin-footer{border-top-color:#ddd0e2;color:#907f99}
.admin-topline{border-bottom-color:#e3d9e7;color:#81728a}.admin-topline a{color:#624b6e}
.catalog-button{background:#9a65b4;color:#fff}.catalog-link{color:#9d3f67}
.catalog-success{background:#dff3ea;color:#245d48}.catalog-error{background:#fae3e8;color:#8a2d45}
@media(max-width:760px){.admin-nav{gap:6px}.admin-nav-group{display:contents}.admin-nav-label{display:none}}