:root{--primary-color: #7367f0;--primary-rgb: 115, 103, 240;--bg: #f8f7fa;--surface: #ffffff;--surface-alt: #f4f5f9;--border: #dbdade;--border-input: #c4c3cb;--text: #2f2b3d;--text-dim: #706b82;--holo-cyan: #0d9394;--holo-violet: var(--primary-color);--holo-magenta: #ea5455;--danger: #ea5455;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", monospace;--holo-gradient: linear-gradient(120deg, var(--holo-magenta), var(--primary-color), var(--holo-cyan));--radius: 12px;--shadow-sm: 0 1px 3px rgba(47, 43, 61, .08), 0 1px 2px rgba(47, 43, 61, .04);--shadow-md: 0 4px 16px rgba(47, 43, 61, .1), 0 2px 6px rgba(47, 43, 61, .06)}[data-theme=dark]{--bg: #141526;--surface: #1e2038;--surface-alt: #282a47;--border: #323558;--border-input: #3e426e;--text: #dbdef5;--text-dim: #9aa1bf;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 18px rgba(0, 0, 0, .5)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui)}.shell-narrow{max-width:420px;margin:0 auto;padding:60px 20px 80px}.brand{display:flex;align-items:center;gap:10px}.brand-logo-img{width:36px;height:36px;border-radius:8px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.35));transition:filter .2s ease,transform .2s ease}.brand:hover .brand-logo-img{filter:drop-shadow(0 3px 10px rgba(var(--primary-rgb, 115, 103, 240),.55));transform:scale(1.04)}.sidebar.collapsed .brand-logo-img{width:32px;height:32px}.brand-name{font-size:12.5px;font-weight:800;letter-spacing:.07em;line-height:1.25;color:var(--text);display:flex;flex-direction:column;gap:0}.brand-name b{font-size:11px;font-weight:600;letter-spacing:.1em;color:var(--primary-color, #7367f0)}h1{font-size:22px;font-weight:700;margin:0 0 6px;letter-spacing:-.01em}h2{font-size:15px;font-weight:700;margin:0 0 14px}.subtitle{color:var(--text-dim);font-size:14px;margin:0 0 28px;line-height:1.5}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.field{margin-bottom:16px}label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:6px;font-weight:500}input,select{width:100%;background:var(--surface-alt);border:1.5px solid var(--border-input);border-radius:9px;padding:11px 13px;color:var(--text);font-size:14px;font-family:var(--font-ui);transition:border-color .15s,box-shadow .15s,background .15s}input:hover,select:hover{border-color:#b7bdd6}input:focus,select:focus{outline:none;border-color:var(--holo-violet);box-shadow:0 0 0 3px #8b5cf626;background:var(--surface)}input::placeholder{color:#9aa0b4}button{width:100%;background:var(--primary-color, #7367f0);color:#fff;border:none;border-radius:9px;padding:12px;font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-ui);transition:filter .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.24)}button:hover{filter:brightness(1.08);box-shadow:0 4px 12px rgba(var(--primary-rgb, 115, 103, 240),.35)}button:active{transform:scale(.99)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border);width:auto;padding:8px 14px;font-weight:500;box-shadow:none}button.secondary:hover{background:var(--border);filter:none}button.danger{background:var(--danger);box-shadow:0 2px 6px #ea54554d}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17192373;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.dialog-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:22px;width:100%;max-width:420px}.dialog-title{margin:0 0 8px;font-size:16px}.dialog-message{margin:0 0 16px;font-size:13.5px;color:var(--text-dim);line-height:1.5;white-space:pre-line}.dialog-input{margin-bottom:16px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;border-radius:9px;padding:11px 13px;font-size:13px;margin-bottom:16px}.hint{font-size:12px;color:var(--text-dim);margin-top:8px}.section{margin-bottom:32px}.app-shell{display:flex;min-height:100vh;background:var(--bg);position:relative}.sidebar{width:260px;flex-shrink:0;padding:20px 14px 28px;background:var(--surface);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),padding .25s ease,transform .25s ease;z-index:100;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:4px}.sidebar.collapsed{width:76px;padding:20px 10px 28px}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-group-children,.sidebar.collapsed .download-label{display:none!important}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .side-nav-link,.sidebar.collapsed .nav-parent-btn{justify-content:center;padding:10px 0}.sidebar.collapsed .nav-badge{position:absolute;top:4px;right:6px;padding:1px 4px;font-size:9px}.brand-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 4px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.collapse-toggle-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:7px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;width:auto;box-shadow:none}.collapse-toggle-btn:hover{background:rgba(var(--primary-rgb, 115, 103, 240),.1);color:var(--primary-color, #7367f0)}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-section-title{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#94a3b8;padding:18px 12px 7px;-webkit-user-select:none;user-select:none}.nav-parent-btn{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;border-radius:8px;padding:11px 14px;font-size:13.5px;font-weight:500;color:var(--text-dim);cursor:pointer;font-family:var(--font-ui);transition:all .15s ease;position:relative;text-align:left;margin-bottom:1px}.nav-parent-btn:hover{background:var(--surface-alt);color:var(--text)}.nav-parent-btn.active-parent{color:var(--text);font-weight:600}.nav-chevron{transition:transform .2s ease;color:#94a3b8}.nav-chevron.open{transform:rotate(90deg)}.nav-group-children{display:flex;flex-direction:column;gap:2px;padding-left:12px;border-left:1.5px solid var(--border);margin:4px 0 10px 22px}.side-nav-link{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:8px;color:var(--text-dim);text-decoration:none;font-size:13.5px;font-weight:500;transition:all .15s ease;position:relative;margin-bottom:1px}.side-nav-link:hover{background:var(--surface-alt);color:var(--text)}.side-nav-link.active{background:var(--primary-color, #7367f0);color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(var(--primary-rgb, 115, 103, 240),.38)}.side-nav-link.active .sub-dot{background:#fff!important;box-shadow:0 0 0 3px #ffffff4d}.sub-dot{width:6px;height:6px;border-radius:50%;background:#cbd5e1;transition:all .15s ease;flex-shrink:0}.nav-badge{background:var(--primary-color, #7367f0);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:1px 7px;line-height:1.4;box-shadow:0 2px 5px rgba(var(--primary-rgb, 115, 103, 240),.3)}.content-column{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--surface);border-radius:12px;margin:16px 28px 0;border:1px solid var(--border);box-shadow:0 2px 8px #1719230a;gap:16px;position:sticky;top:16px;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-left{display:flex;align-items:center;gap:12px}.topbar-search-box{display:flex;align-items:center;gap:10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:7px 14px;width:250px;color:var(--text-dim);font-size:13px;transition:border-color .15s,width .2s ease,background .15s}.topbar-search-box:focus-within{border-color:var(--holo-violet);width:320px;background:var(--surface);box-shadow:0 0 0 3px #8b5cf61f}.topbar-search-box input{border:none;background:transparent;padding:0;font-size:13px;outline:none;width:100%;box-shadow:none;color:var(--text)}.search-shortcut{font-size:10px;font-weight:700;background:var(--border);color:var(--text-dim);border-radius:4px;padding:2px 5px;font-family:var(--font-mono);white-space:nowrap}.hamburger-btn{display:none;width:36px;height:36px;flex-shrink:0;background:transparent;border:1px solid var(--border);border-radius:8px;padding:0;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:background .15s}.hamburger-btn:hover{background:var(--surface-alt)}.sidebar-overlay{display:none}.profile-chip{display:flex;align-items:center;gap:10px;min-width:0}.profile-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-color, #7367f0);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.35)}.profile-name{font-size:14px;font-weight:600}.main-panel{flex:1;padding:24px 28px 80px;max-width:1400px;width:100%;box-sizing:border-box}@media (max-width: 1024px){.topbar{margin:0;border-radius:0;top:0;border-top:none;border-left:none;border-right:none;padding:12px 18px}.main-panel{padding:20px 18px 60px}}@media (max-width: 900px){.hamburger-btn{display:flex}.collapse-toggle-btn{display:none}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:1000;width:270px!important;padding:20px 14px 28px!important;transform:translate(-100%);box-shadow:0 10px 30px #0000002e}.sidebar.open{transform:translate(0)}.sidebar-overlay.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.topbar-search-box{display:none}.sidebar.collapsed .brand-name,.sidebar.collapsed .nav-section-title,.sidebar.collapsed .nav-item-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-group-children,.sidebar.collapsed .download-label{display:initial!important}}@media (max-width: 480px){.topbar{padding:10px 14px;gap:8px}.main-panel{padding:16px 12px 48px}.profile-chip span.profile-name{display:none}.hero-banner{padding:24px 18px}button.secondary{padding:8px 10px;font-size:13px}}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 700px){table{min-width:640px}}.hero-banner{background:var(--holo-gradient);border-radius:18px;padding:32px 30px;color:#fff;position:relative;overflow:hidden;margin-bottom:24px}.hero-banner h1{color:#fff;font-size:24px;margin-bottom:6px}.hero-banner p{color:#ffffffd9;font-size:14px;margin:0}.hero-ripple{position:absolute;top:-20px;right:20px;width:90px;height:90px}.hero-ripple .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);background:none;animation:ripple-pulse-light 2.6s ease-out infinite}.hero-ripple .ring:after{content:none}.hero-ripple .ring:nth-child(2){animation-delay:.7s}@keyframes ripple-pulse-light{0%{transform:scale(.2);opacity:.8}to{transform:scale(1.4);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-ripple .ring{animation:none;opacity:.3}}.ring-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:16px}.ring-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-sm)}.ring{--pct: 0;width:48px;height:48px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ring-color, var(--holo-violet)) calc(var(--pct) * 1%),var(--border) 0)}.ring:after{content:"";width:36px;height:36px;border-radius:50%;background:var(--surface)}.ring-stat-label{font-size:12px;color:var(--text-dim);margin-bottom:3px}.ring-stat-value{font-size:20px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:32px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm)}.stat-value{font-size:22px;font-weight:700;margin-bottom:3px}.stat-label{font-size:12px;color:var(--text-dim)}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-bottom:32px}@media (max-width: 760px){.overview-grid{grid-template-columns:1fr}}.chart-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.chart-bars{display:flex;align-items:flex-end;gap:10px;height:140px;margin-top:16px}.chart-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end}.chart-bar{width:100%;max-width:34px;border-radius:6px 6px 2px 2px;background:var(--holo-gradient);min-height:4px}.chart-bar-label{font-size:11px;color:var(--text-dim)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 9px #2f2b3d0f;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #2f2b3d1a}.kpi-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-value{font-size:26px;font-weight:700;margin-bottom:4px;letter-spacing:-.02em}.kpi-label{font-size:13px;color:var(--text-dim)}.kpi-sparkline{margin-top:10px;display:block}.kpi-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:3px}.kpi-badge.positive{background:#10b9811f;color:#10b981}.kpi-badge.neutral{background:#8b5cf61f;color:#8b5cf6}.donut-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center}.donut-legend{width:100%;margin-top:18px;display:grid;gap:8px}.donut-legend-row{display:flex;align-items:center;gap:8px;font-size:13px}.donut-legend-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.donut-legend-name{flex:1;text-transform:capitalize;color:var(--text)}.donut-legend-pct{color:var(--text-dim);font-size:12px}.ring-lg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px}.ring-lg-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:18px}.ring-lg{--pct: 0;width:76px;height:76px;border-radius:50%;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--ring-color, var(--holo-violet)) calc(var(--pct) * 1%),var(--border) 0)}.ring-lg:after{content:"";position:absolute;width:58px;height:58px;border-radius:50%;background:var(--surface)}.ring-lg span{position:relative;z-index:1;font-size:15px;font-weight:700}.ring-lg-card h3{font-size:13px;margin:0 0 4px;color:var(--text-dim);font-weight:600}.ring-lg-card .ring-lg-value{font-size:22px;font-weight:700}.ring-lg-card .ring-lg-sub{font-size:12px;color:var(--text-dim);margin-top:2px}.latest-card-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.mini-tap-card{border-radius:12px;padding:16px;min-height:100px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;margin-top:6px}.mini-tap-card.basic{background:linear-gradient(150deg,#2b2f3a,#171922)}.mini-tap-card.premium{background:linear-gradient(150deg,#4a5568,#262b36)}.mini-tap-card.elite{background:linear-gradient(150deg,#c99a3f,#543f14)}.mini-tap-card.apex{background:var(--holo-gradient)}.mini-tap-card.apex .mini-tap-tier,.mini-tap-card.apex .mini-tap-name{color:#171923}.mini-tap-card.unassigned{background:var(--surface-alt);border:1px dashed var(--border)}.mini-tap-tier{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffa6}.mini-tap-name{font-size:16px;font-weight:700;color:#fff}.mini-tap-id{font-family:var(--font-mono);font-size:11px;color:#ffffff8c}.mini-tap-card.apex .mini-tap-id{color:#17192399}.handoff-ticket{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--surface);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.handoff-ticket:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--holo-gradient)}.handoff-title{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--holo-violet);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-weight:700}.handoff-title .ripple-glyph{position:relative;width:14px;height:14px;flex-shrink:0}.handoff-title .ripple-glyph .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--holo-violet);background:none;animation:ripple-pulse-light2 2.4s ease-out infinite}.handoff-title .ripple-glyph .ring:after{content:none}@keyframes ripple-pulse-light2{0%{transform:scale(.4);opacity:.9}to{transform:scale(2.4);opacity:0}}@media (prefers-reduced-motion: reduce){.handoff-title .ripple-glyph .ring{animation:none;opacity:.5}}.handoff-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border);font-size:14px;gap:12px}.handoff-row:last-child{border-bottom:none}.handoff-row span:first-child{color:var(--text-dim);font-size:12px;flex-shrink:0}.handoff-row span:last-child{font-family:var(--font-mono);text-align:right;word-break:break-all}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-dim);font-weight:600;padding:10px;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.05em;text-transform:uppercase}td{padding:11px 10px;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge.pending{background:#fef3c7;color:#b45309}.badge.shipping{background:#dbeafe;color:#1d4ed8}.badge.encoded{background:#d1fae5;color:#047857}.badge.unpaid{background:#f1f2f6;color:var(--text-dim)}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.plan-info h3{margin:0 0 4px;font-size:15px}.plan-info p{margin:0;font-size:13px;color:var(--text-dim)}.plan-price{font-family:var(--font-mono);font-size:13px;color:var(--holo-violet);white-space:nowrap}.dropzone{border:1.5px dashed var(--border-input);border-radius:12px;padding:26px 16px;text-align:center;background:var(--surface-alt);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.drag-active{border-color:var(--holo-violet);background:#8b5cf60f}.dropzone-icon{font-size:20px;margin-bottom:6px}.dropzone-title{font-size:13px;font-weight:600;color:var(--text)}.photo-grid{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.photo-thumb{position:relative;border-radius:10px;overflow:visible}.photo-thumb img{width:100%;height:100%;object-fit:cover;border-radius:10px;border:1px solid var(--border);display:block}.photo-thumb-broken{width:100%;height:100%;border-radius:10px;border:1.5px dashed var(--border-input);background:var(--surface-alt);display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;color:var(--text-dim);padding:4px;gap:2px;flex-direction:column}.photo-remove-btn{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:var(--danger);color:#fff;border:2px solid var(--surface);font-size:12px;line-height:1;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.photo-remove-btn:hover{filter:brightness(1.1)}.photo-add-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:600;border-radius:999px;border:1px solid var(--border-input);background:var(--surface);color:var(--holo-violet);cursor:pointer;transition:background .15s,border-color .15s}.photo-add-pill:hover{background:#8b5cf614;border-color:var(--holo-violet)}.plan-photos-section{border-top:1px solid var(--border);padding-top:12px}.plan-variant-preview{border-top:1px solid var(--border);padding-top:12px;margin-bottom:4px}.plan-variant-preview-media{width:100px;height:75px;border-radius:10px;overflow:hidden;background:var(--surface-alt);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.plan-variant-preview-media img{width:100%;height:100%;object-fit:contain}.plan-variant-preview-empty{font-size:10px;color:var(--text-dim);text-align:center;padding:4px}.plan-variant-preview-swatch{width:34px;height:34px;padding:0;border-radius:6px;overflow:hidden;border:2px solid transparent;background:var(--surface-alt);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-dim)}.plan-variant-preview-swatch img{width:100%;height:100%;object-fit:cover}.plan-variant-preview-swatch.active{border-color:var(--holo-violet)}.plan-variant-preview-swatch:hover{border-color:#8b5cf680}.search-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding:80px 20px 40px;animation:searchFadeIn .15s ease-out}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.search-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 20px 45px #0f172a40;width:100%;max-width:680px;overflow:hidden;display:flex;flex-direction:column;max-height:80vh;animation:searchSlideDown .2s cubic-bezier(.16,1,.3,1)}@keyframes searchSlideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.search-modal-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 22px;border-bottom:1px solid var(--border);width:100%;box-sizing:border-box}.search-modal-input,.search-modal-header input{border:none!important;background:transparent!important;padding:4px 6px!important;font-size:15px!important;outline:none!important;box-shadow:none!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;color:var(--text)!important;font-family:var(--font-ui)!important}.search-modal-header input::placeholder{color:#94a3b8}.search-modal-actions{margin-left:auto;display:flex;align-items:center;gap:12px;flex-shrink:0}.search-modal-esc{font-size:11px;font-weight:600;background:var(--surface-alt);color:var(--text-dim);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-family:var(--font-mono);-webkit-user-select:none;user-select:none}.search-modal-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.search-modal-close-btn:hover{background:var(--surface-alt);color:var(--text)}.search-modal-body{padding:20px;overflow-y:auto;max-height:calc(80vh - 70px)}.search-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 28px}@media (max-width: 640px){.search-modal-grid{grid-template-columns:1fr;gap:16px}.search-modal-backdrop{padding:30px 14px}}.search-modal-section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.search-modal-links-list{display:flex;flex-direction:column;gap:4px}.search-modal-link-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px;font-weight:500;transition:background .15s,color .15s,transform .1s;cursor:pointer}.search-modal-link-item:hover{background:var(--surface-alt);color:var(--holo-violet);transform:translate(2px)}.search-modal-link-item svg{color:var(--text-dim);transition:color .15s}.search-modal-link-item:hover svg{color:var(--holo-violet)}.customizer-toggle-btn{position:fixed;right:0;top:50%;transform:translateY(-50%);width:44px;height:44px;background:var(--primary-color, #7367f0);color:#fff;border:none;border-radius:10px 0 0 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1050;box-shadow:-2px 6px 20px rgba(var(--primary-rgb, 115, 103, 240),.45);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease,background .2s ease;padding:0}.customizer-toggle-btn:hover{transform:translateY(-50%) translate(-4px);box-shadow:-4px 8px 26px rgba(var(--primary-rgb, 115, 103, 240),.6)}.customizer-gear-icon{animation:spin-customizer 14s linear infinite;transition:animation-duration .2s}.customizer-toggle-btn:hover .customizer-gear-icon{animation-duration:3s}@keyframes spin-customizer{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.customizer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1100;animation:fadeIn .2s ease}.customizer-drawer{position:fixed;top:0;right:0;bottom:0;width:390px;max-width:calc(100vw - 20px);background:var(--surface);color:var(--text);z-index:1150;box-shadow:-8px 0 35px #0003;display:flex;flex-direction:column;animation:slideInRight .28s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.customizer-header{padding:22px 24px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface)}.customizer-title-wrap h3{margin:0 0 4px;font-size:16.5px;font-weight:700;color:var(--text);letter-spacing:-.01em}.customizer-title-wrap p{margin:0;font-size:12.5px;color:var(--text-dim)}.customizer-header-actions{display:flex;align-items:center;gap:8px}.customizer-btn-icon{background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:7px;display:flex;align-items:center;justify-content:center;position:relative;transition:all .15s ease;width:auto;box-shadow:none}.customizer-btn-icon:hover{background:var(--surface-alt);color:var(--text)}.customizer-reset-dot{position:absolute;top:3px;right:3px;width:7px;height:7px;border-radius:50%;background:#ea5455;box-shadow:0 0 0 2px var(--surface)}.customizer-body{padding:24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:26px}.customizer-tag{display:inline-flex;align-items:center;background:#0d939424;color:#0d9394;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.04em;text-transform:uppercase;align-self:flex-start;margin-bottom:2px}[data-theme=dark] .customizer-tag{background:#00cfe833;color:#00cfe8}.customizer-section{display:flex;flex-direction:column;gap:12px}.customizer-section-title{font-size:13.5px;font-weight:700;color:var(--text);margin:0}.customizer-swatches-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.customizer-swatch-box{width:44px;height:44px;border-radius:9px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .15s ease;position:relative;box-shadow:none}.customizer-swatch-box:hover{border-color:#94a3b8;transform:translateY(-2px)}.customizer-swatch-box.active{border-color:var(--primary-color, #7367f0);border-width:2px;box-shadow:0 0 0 2px rgba(var(--primary-rgb, 115, 103, 240),.25)}.customizer-swatch-fill{width:26px;height:26px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .15s ease}.customizer-swatch-custom-icon{color:#ea5455;display:flex;align-items:center;justify-content:center}.custom-color-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:12px;animation:fadeIn .15s ease}.color-format-nav{display:flex;gap:6px;background:var(--surface);padding:3px;border-radius:8px;border:1px solid var(--border)}.color-format-btn{flex:1;background:transparent;color:var(--text-dim);border:none;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer;text-align:center;transition:all .15s ease;box-shadow:none}.color-format-btn.active{background:var(--primary-color, #7367f0);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.3)}.custom-color-input-group{display:flex;align-items:center;gap:10px}.custom-color-picker-wheel{width:42px;height:42px;border-radius:8px;border:1.5px solid var(--border-input);padding:2px;cursor:pointer;background:var(--surface);flex-shrink:0}.custom-color-text-field{flex:1;font-family:var(--font-mono);font-size:13px;padding:9px 12px;border-radius:8px;border:1.5px solid var(--border-input);background:var(--surface);color:var(--text);letter-spacing:.02em}.custom-color-apply-btn{width:auto;padding:8px 14px;font-size:12.5px;font-weight:600;border-radius:7px;background:var(--primary-color, #7367f0);color:#fff;flex-shrink:0}.customizer-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.customizer-theme-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;padding:18px 8px 14px;cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none;box-shadow:none;width:auto}.customizer-theme-card:hover{border-color:#94a3b8;transform:translateY(-2px)}.customizer-theme-card.active{border-color:var(--primary-color, #7367f0);border-width:2px;background:rgba(var(--primary-rgb, 115, 103, 240),.08);box-shadow:0 0 0 2px rgba(var(--primary-rgb, 115, 103, 240),.2)}.customizer-theme-card .theme-icon{color:var(--text-dim);transition:color .15s ease,transform .15s ease}.customizer-theme-card.active .theme-icon{color:var(--primary-color, #7367f0);transform:scale(1.08)}.customizer-theme-card .theme-name{font-size:12.5px;font-weight:600;color:var(--text);margin-top:2px}.customizer-theme-card.active .theme-name{color:var(--primary-color, #7367f0)}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .topbar{background:var(--surface);border-color:var(--border);box-shadow:0 4px 14px #00000059}[data-theme=dark] .sidebar{background:var(--surface);border-right-color:var(--border)}[data-theme=dark] .card,[data-theme=dark] .kpi-card,[data-theme=dark] .chart-panel,[data-theme=dark] .donut-panel,[data-theme=dark] .ring-stat-card,[data-theme=dark] .ring-lg-card,[data-theme=dark] .latest-card-panel,[data-theme=dark] .handoff-ticket{background:var(--surface);border-color:var(--border)}[data-theme=dark] .ring:after,[data-theme=dark] .ring-lg:after{background:var(--surface)}[data-theme=dark] input,[data-theme=dark] select{background:var(--surface-alt);color:var(--text);border-color:var(--border-input)}[data-theme=dark] input::placeholder{color:#6b7294}[data-theme=dark] table th{background:var(--surface-alt);border-bottom-color:var(--border);color:var(--text-dim)}[data-theme=dark] table td{border-bottom-color:var(--border)}[data-theme=dark] .dialog-card{background:var(--surface);border:1px solid var(--border)}[data-theme=dark] .search-modal-container{background:var(--surface);border-color:var(--border)}[data-theme=dark] .search-modal-header{border-bottom-color:var(--border)}[data-theme=dark] .search-modal-link-item:hover{background:var(--surface-alt)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.chat-view-root{width:100%}.chat-page-header{margin-bottom:16px}.chat-shell{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);height:calc(100vh - 195px);min-height:520px;overflow:hidden;position:relative}.chat-panel-list{width:340px;min-width:300px;max-width:380px;flex-shrink:0;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;background:var(--surface)}.chat-thread-list{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.chat-thread-list-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.chat-header-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text)}.chat-header-icon{color:var(--primary-color, #7367f0)}.chat-total-unread{background:var(--primary-color, #7367f0);color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;line-height:1.2}.chat-refresh-btn{background:transparent;border:1px solid var(--border);border-radius:6px;padding:6px;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:none;width:auto}.chat-refresh-btn:hover{background:var(--surface-alt);color:var(--text);border-color:#94a3b8}.chat-search-wrap{padding:10px 14px;border-bottom:1px solid var(--border);position:relative;display:flex;align-items:center;background:var(--surface);flex-shrink:0}.chat-search-icon{position:absolute;left:24px;color:var(--text-dim);pointer-events:none}.chat-search-input{width:100%;padding:8px 32px 8px 34px;border-radius:20px;border:1.5px solid var(--border-input);background:var(--surface-alt);color:var(--text);font-size:12.5px;outline:none;transition:border-color .15s ease,background .15s ease}.chat-search-input:focus{border-color:var(--primary-color, #7367f0);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 115, 103, 240),.12)}.chat-search-clear{position:absolute;right:22px;background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:none;width:auto}.chat-search-clear:hover{color:var(--text)}.chat-thread-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.chat-thread-scroll::-webkit-scrollbar{width:5px}.chat-thread-scroll::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.chat-thread-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease,border-left-color .15s ease;box-shadow:none;border-radius:0;border-left:3px solid transparent}.chat-thread-item:hover{background:var(--surface-alt)}.chat-thread-item.active{background:rgba(var(--primary-rgb, 115, 103, 240),.08);border-left-color:var(--primary-color, #7367f0)}.chat-thread-item.has-unread{background:rgba(var(--primary-rgb, 115, 103, 240),.03)}.chat-thread-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-rgb, 115, 103, 240),.18),rgba(var(--primary-rgb, 115, 103, 240),.4));color:var(--primary-color, #7367f0);font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-thread-info{flex:1;min-width:0}.chat-thread-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px}.chat-thread-name{font-size:13.5px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-unread-badge{background:var(--primary-color, #7367f0);color:#fff;font-size:10.5px;font-weight:700;border-radius:999px;padding:1px 6px;flex-shrink:0;line-height:1.3}.chat-thread-email{font-size:11.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px}.chat-thread-preview{font-size:12px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.35}.chat-preview-you{font-weight:600;color:var(--primary-color, #7367f0)}.chat-panel-conv{flex:1;display:flex;flex-direction:column;height:100%;min-width:0;background:var(--surface)}.chat-conversation-pane{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--surface)}.chat-conv-header{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border);background:var(--surface);min-height:64px;flex-shrink:0}.chat-back-btn{display:none}.chat-conv-user-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.chat-conv-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color, #7367f0);color:#fff;font-weight:700;font-size:13.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--primary-rgb, 115, 103, 240),.35)}.chat-conv-meta{min-width:0;flex:1}.chat-conv-name{font-size:15px;font-weight:700;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conv-sub{display:flex;align-items:center;gap:8px;margin-top:2px;font-size:11.5px;color:var(--text-dim)}.chat-conv-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conv-tag{background:rgba(var(--primary-rgb, 115, 103, 240),.12);color:var(--primary-color, #7367f0);padding:1px 6px;border-radius:4px;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.chat-conv-placeholder-title{color:var(--text-dim);font-size:15px;font-weight:600}.chat-messages-area{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:14px;background:var(--surface-alt)}.chat-messages-area::-webkit-scrollbar{width:5px}.chat-messages-area::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:4px}.chat-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:30px;color:var(--text-dim)}.chat-no-selection-circle{width:70px;height:70px;border-radius:50%;background:var(--surface);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);margin-bottom:14px}.chat-no-selection h3{margin:0 0 6px;font-size:16px;font-weight:600;color:var(--text)}.chat-no-selection p{margin:0;font-size:13px;color:var(--text-dim)}.chat-empty-hint{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:140px;padding:24px;text-align:center;color:var(--text-dim);font-size:13px}.chat-empty-hint p{margin:0}.chat-bubble-row{display:flex;width:100%}.chat-bubble-row.admin{justify-content:flex-end}.chat-bubble-row.client{justify-content:flex-start}.chat-bubble{max-width:72%;padding:10px 14px 8px;border-radius:16px;display:flex;flex-direction:column;gap:4px;word-break:break-word;box-shadow:0 1px 3px #0000000d;animation:fadeIn .15s ease}.chat-bubble.admin{background:var(--primary-color, #7367f0);color:#fff;border-bottom-right-radius:4px}.chat-bubble.client{background:var(--surface);color:var(--text);border:1px solid var(--border);border-bottom-left-radius:4px}.chat-bubble-text{font-size:13.5px;line-height:1.45;white-space:pre-wrap}.chat-bubble-time{font-size:10.5px;align-self:flex-end;opacity:.75;font-family:var(--font-mono);margin-top:2px}.chat-reply-bar{display:flex;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.chat-reply-input{flex:1;padding:10px 18px;border-radius:22px;border:1.5px solid var(--border-input);background:var(--surface-alt);color:var(--text);font-size:13.5px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.chat-reply-input:focus{border-color:var(--primary-color, #7367f0);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb, 115, 103, 240),.15)}.chat-send-btn{width:40px;height:40px;border-radius:50%;border:none;background:var(--primary-color, #7367f0);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .12s ease,opacity .15s ease,box-shadow .15s ease;box-shadow:0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.35)}.chat-send-btn:hover:not(:disabled){transform:scale(1.05)}.chat-send-btn:active:not(:disabled){transform:scale(.97)}.chat-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}@media (max-width: 768px){.chat-page-header.mobile-hidden-header{display:none}.chat-shell{height:calc(100dvh - 125px);min-height:440px;border-radius:10px;margin:0}.chat-panel-list{width:100%;max-width:100%;border-right:none}.chat-panel-conv{width:100%}.chat-panel-list.mobile-hidden,.chat-panel-conv.mobile-hidden{display:none!important}.chat-back-btn{display:flex!important;align-items:center;gap:4px;background:var(--surface-alt);border:1px solid var(--border);border-radius:8px;padding:6px 10px 6px 7px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s ease;box-shadow:none;width:auto}.chat-back-btn:hover{background:var(--border)}.chat-conv-header{padding:10px 14px;gap:10px;min-height:56px}.chat-conv-avatar{width:35px;height:35px;font-size:12px}.chat-conv-name{font-size:14px}.chat-messages-area{padding:12px 14px;gap:10px}.chat-bubble{max-width:88%}.chat-reply-bar{padding:9px 12px;gap:8px}.chat-reply-input{padding:9px 15px;font-size:13px}.chat-send-btn{width:37px;height:37px}}[data-theme=dark] .chat-shell{background:var(--surface);border-color:var(--border)}[data-theme=dark] .chat-messages-area{background:var(--bg)}[data-theme=dark] .chat-bubble.client{background:var(--surface);border-color:var(--border);color:var(--text)}[data-theme=dark] .chat-search-input{background:var(--surface-alt);border-color:var(--border-input);color:var(--text)}[data-theme=dark] .chat-no-selection-circle{background:var(--surface-alt);border-color:var(--border)}.attr-page-container{width:100%;max-width:900px}.attr-create-card{margin-bottom:28px}.attr-card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.attr-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:16px}.attr-toggles-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:20px}.attr-toggle-label{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--surface-alt);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;transition:border-color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none}.attr-toggle-label:hover{border-color:#94a3b8}.attr-toggle-label.active{border-color:var(--primary-color, #7367f0);background:rgba(var(--primary-rgb, 115, 103, 240),.06)}.attr-toggle-checkbox{margin-top:3px;width:16px;height:16px;accent-color:var(--primary-color, #7367f0);cursor:pointer;flex-shrink:0}.attr-toggle-text{display:flex;flex-direction:column;gap:2px}.attr-toggle-title{font-size:13px;font-weight:600;color:var(--text)}.attr-toggle-desc{font-size:11.5px;color:var(--text-dim)}.attr-section-block{margin-bottom:28px}.attr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.attr-section-title-wrap{display:flex;align-items:center;gap:8px}.attr-section-title{margin:0;font-size:16px;font-weight:700;color:var(--text);text-transform:capitalize}.attr-section-count{font-size:11.5px;font-weight:600;color:var(--text-dim);background:var(--surface-alt);border:1px solid var(--border);border-radius:999px;padding:2px 8px}.attr-items-list{display:flex;flex-direction:column;gap:10px}.attr-item-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:10px}.attr-item-card:hover{border-color:#94a3b8}.attr-item-card.inactive{opacity:.65;background:var(--surface-alt)}.attr-item-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.attr-item-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attr-item-label{font-size:15px;font-weight:700;color:var(--text)}.attr-type-badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;color:var(--text-dim);background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;padding:2px 7px}.attr-status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px}.attr-status-badge.active{background:#10b9811f;color:#10b981}.attr-status-badge.inactive{background:#64748b24;color:var(--text-dim)}.attr-chips-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.attr-chip-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--surface-alt);color:var(--text-dim);cursor:pointer;transition:all .15s ease;width:auto;box-shadow:none}.attr-chip-btn:hover{background:var(--border);color:var(--text)}.attr-chip-btn.active{background:rgba(var(--primary-rgb, 115, 103, 240),.1);border-color:rgba(var(--primary-rgb, 115, 103, 240),.4);color:var(--primary-color, #7367f0)}.attr-actions-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--border)}.attr-action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;border-radius:7px;cursor:pointer;width:auto;transition:all .15s ease;box-shadow:none}.attr-action-btn.secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}.attr-action-btn.secondary:hover{background:var(--border)}.attr-action-btn.danger{background:transparent;color:var(--danger, #ea5455);border:1px solid rgba(234,84,85,.35)}.attr-action-btn.danger:hover{background:#ea54551a;border-color:var(--danger, #ea5455)}.attr-edit-box{background:var(--surface);border:1.5px solid var(--primary-color, #7367f0);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 16px rgba(var(--primary-rgb, 115, 103, 240),.1)}.attr-edit-header{font-size:14px;font-weight:700;color:var(--primary-color, #7367f0);display:flex;align-items:center;gap:6px}@media (max-width: 640px){.attr-form-grid{grid-template-columns:1fr;gap:10px}.attr-toggles-row{grid-template-columns:1fr;gap:8px}.attr-item-header{flex-direction:column;align-items:flex-start;gap:6px}.attr-chips-row{width:100%}.attr-chip-btn{flex:1;min-width:140px;justify-content:center;font-size:11.5px;padding:6px 8px}.attr-actions-bar{width:100%;display:flex;flex-wrap:wrap;gap:6px}.attr-action-btn{flex:1;min-width:80px;justify-content:center;padding:7px 10px}}.magic-page-container{width:100%;max-width:900px}.magic-builtin-chips{display:flex;gap:8px;flex-wrap:wrap}.magic-builtin-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--surface-alt);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);-webkit-user-select:none;user-select:none}.magic-chip-dot{width:6px;height:6px;border-radius:50%;background:var(--primary-color, #7367f0)}.magic-editor-card{margin-top:12px}.magic-shape-section{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.magic-shape-label{font-size:13px;font-weight:700;color:var(--text)}.magic-shape-toggle{display:inline-flex;background:var(--surface-alt);padding:3px;border-radius:9px;border:1px solid var(--border)}.magic-shape-btn{border:none;background:transparent;padding:6px 14px;font-size:12px;font-weight:600;border-radius:7px;color:var(--text-dim);cursor:pointer;transition:all .15s ease;box-shadow:none;width:auto}.magic-shape-btn:hover{color:var(--text)}.magic-shape-btn.active{background:var(--primary-color, #7367f0);color:#fff;box-shadow:0 2px 6px rgba(var(--primary-rgb, 115, 103, 240),.3)}.magic-media-panel{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:20px}.magic-media-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.magic-media-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:180px}.magic-media-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text)}.magic-media-desc{font-size:11.5px;color:var(--text-dim)}.magic-media-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.magic-canvas-viewport{width:100%;display:flex;justify-content:center;padding:24px 14px;background:radial-gradient(circle,rgba(var(--primary-rgb, 115, 103, 240),.08) 10%,transparent 11%) 0 0 / 18px 18px,var(--surface-alt);border-radius:12px;border:1.5px dashed var(--border);overflow:hidden;position:relative;box-sizing:border-box}.magic-canvas-box{position:relative;width:100%;max-width:500px;touch-action:none;-webkit-user-select:none;user-select:none}.magic-canvas-box.vertical{max-width:320px}.magic-card-backdrop{position:absolute;top:0;left:25%;width:50%;height:55.55%;border-radius:8px;overflow:hidden;background:var(--surface);border:1.5px solid var(--border);box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center}.magic-placeholder-text{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;text-align:center;padding:8px}.magic-placeholder-text small{font-size:9.5px;opacity:.8;font-family:var(--font-mono)}.magic-drag-btn{position:absolute;padding:6px 12px;background:var(--primary-color, #7367f0);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;white-space:nowrap;box-shadow:0 3px 10px rgba(var(--primary-rgb, 115, 103, 240),.35);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:filter .12s ease}.magic-drag-btn:hover{filter:brightness(1.1)}.magic-drag-btn.dragging{cursor:grabbing;filter:brightness(1.15);box-shadow:0 8px 24px #00000059}.magic-controls-section{margin-top:20px;border-top:1px solid var(--border);padding-top:16px}.magic-controls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.magic-control-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.magic-control-name{font-size:13px;font-weight:700;color:var(--text);border-bottom:1px solid var(--border);padding-bottom:6px}.magic-stepper-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.magic-stepper-label{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--text-dim);font-weight:600}.magic-stepper-box{display:flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:2px 4px}.magic-step-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text);font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;padding:0;box-shadow:none;transition:background .12s}.magic-step-btn:hover:not(:disabled){background:var(--surface-alt);color:var(--primary-color, #7367f0)}.magic-step-btn:disabled{opacity:.3;cursor:not-allowed}.magic-step-val{min-width:32px;text-align:center;font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text)}.magic-save-bar{display:flex;align-items:center;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap}.magic-save-btn{display:inline-flex;align-items:center;gap:8px;width:auto;padding:10px 22px;font-size:13.5px}.magic-save-feedback{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#10b981}[data-theme=dark] .magic-card-backdrop{background:var(--surface);border-color:var(--border)}[data-theme=dark] .magic-canvas-viewport{background:radial-gradient(circle,rgba(var(--primary-rgb, 115, 103, 240),.12) 10%,transparent 11%) 0 0 / 18px 18px,var(--surface-alt);border-color:var(--border)}@media (max-width: 640px){.magic-canvas-viewport{padding:14px 6px}.magic-drag-btn{padding:4px 8px;font-size:10px}.magic-media-actions{width:100%;margin-top:4px}.magic-media-actions button{flex:1;justify-content:center}.magic-controls-grid{grid-template-columns:1fr}.magic-save-btn{width:100%;justify-content:center}}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:6px}.page-header h1{margin:0}.filter-bar{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;flex-wrap:wrap}.filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim)}.filter-bar input,.filter-bar select{min-width:0;width:auto}.action-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.success-banner{background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;border-radius:9px;padding:11px 13px;font-size:13px;margin-bottom:16px}[data-theme=dark] .success-banner{background:#10b98114;border-color:#10b98133}.clients-search-row{position:relative;display:flex;align-items:center;margin-bottom:16px}.clients-search-row>svg{position:absolute;left:13px;z-index:1;color:var(--text-dim);pointer-events:none}.clients-search-row input{width:min(100%,480px);padding-left:39px;background:var(--surface-alt)}.clients-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.clients-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px;padding:20px 22px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(var(--primary-rgb),.16),transparent 32%),linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055));box-shadow:0 10px 28px #1118270e}.clients-page-heading{min-width:0;display:flex;align-items:center;gap:13px}.clients-page-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.clients-page-kicker{margin:0 0 3px!important;color:var(--primary-color)!important;font:800 9px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.clients-page-heading h1{margin:0;font-size:clamp(22px,2.2vw,29px)}.clients-page-heading h1+p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.clients-page-stats{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.clients-page-stats>div{min-width:74px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 13px}.clients-page-stats>div+div{border-left:1px solid var(--border)}.clients-page-stats strong{color:var(--text);font-size:16px;line-height:1}.clients-page-stats span{color:var(--text-dim);font-size:9.5px;font-weight:700}.clients-create-section,.clients-directory-section{margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #1118270d}.clients-create-section{position:relative;z-index:2}.clients-directory-section{position:relative;z-index:1}.clients-section-head{display:flex;align-items:flex-start;gap:11px}.clients-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.clients-section-head h2,.clients-directory-head h2{margin:1px 0 3px;font-size:16px}.clients-section-head .subtitle,.clients-directory-head .subtitle{margin:0;font-size:11.5px}.clients-create-note{margin:14px 0 12px 47px;padding:9px 11px;border-left:2px solid rgba(var(--primary-rgb),.35);border-radius:0 8px 8px 0;background:rgba(var(--primary-rgb),.045)}.clients-create-note .subtitle{margin:0;font-size:10.5px}.clients-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:16px;border-style:dashed;background:var(--surface-alt);box-shadow:none}.clients-create-submit{width:auto;min-width:150px;height:40px;min-height:40px;align-self:start;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:18px;padding:0 15px;font-size:12px}.client-theme-select{position:relative;width:100%}.client-theme-select.is-open{z-index:30}.client-theme-select-trigger{width:100%;height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border:1.5px solid var(--border-input);border-radius:9px;color:var(--text);background:var(--surface-alt);box-shadow:none;font-size:12.5px;font-weight:500;text-align:left}.client-theme-select-trigger:hover{border-color:rgba(var(--primary-rgb),.5);filter:none;box-shadow:none}.client-theme-select-trigger:focus,.client-theme-select.is-open .client-theme-select-trigger{outline:none;border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.client-theme-select-trigger svg{flex:0 0 auto;color:var(--text-dim);transition:transform .16s ease}.client-theme-select.is-open .client-theme-select-trigger svg{transform:rotate(180deg);color:var(--primary-color)}.client-theme-select-trigger .is-placeholder{color:var(--text-dim)}.client-theme-select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;max-height:224px;overflow-y:auto;padding:5px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:0 15px 36px #11182729;scrollbar-width:thin;scrollbar-color:rgba(var(--primary-rgb),.35) transparent}.client-theme-select-menu button{width:100%;min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;border:0;border-radius:7px;color:var(--text);background:transparent;box-shadow:none;font-size:12px;font-weight:500;text-align:left}.client-theme-select-menu button:hover,.client-theme-select-menu button.is-active{color:var(--primary-color);background:rgba(var(--primary-rgb),.08);filter:none;box-shadow:none}.client-theme-select-menu button.is-selected{color:#fff;background:var(--primary-color)}.client-theme-select-menu button.is-selected:hover,.client-theme-select-menu button.is-selected.is-active{color:#fff;background:var(--primary-color);filter:brightness(1.04)}.client-theme-select-menu button svg{flex:0 0 auto}.clients-directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.clients-result-count{flex:0 0 auto;padding:5px 9px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:999px;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);font-size:10px;font-weight:800}.clients-table-shell{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.clients-table-scroll{border:0;border-radius:0}.clients-table-scroll table{min-width:940px}.clients-table-scroll thead{background:var(--surface-alt)}.clients-table-scroll th{padding-top:11px;padding-bottom:11px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.clients-table-scroll td{padding-top:12px;padding-bottom:12px}.clients-table-scroll tbody tr{transition:background .15s ease}.clients-table-scroll tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.clients-identity-cell{display:flex;align-items:center;gap:10px;min-width:210px}.clients-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#19b8ad);font-size:10.5px;font-weight:800;letter-spacing:.02em}.clients-identity-cell>span:last-child{min-width:0;display:flex;flex-direction:column;gap:2px}.clients-identity-cell strong{color:var(--text);font-size:12px}.clients-identity-cell small{color:var(--text-dim);font:9.5px var(--font-mono)}.clients-contact-cell{min-width:210px}.clients-contact-cell span{display:flex;align-items:center;gap:6px;color:var(--text);font-size:10.5px}.clients-contact-cell span+span{margin-top:5px;color:var(--text-dim)}.clients-contact-cell svg,.clients-date svg{color:var(--primary-color)}.clients-plan,.clients-date,.clients-status{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.clients-plan{padding:4px 7px;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);background:var(--surface-alt);font-size:10px;font-weight:700;text-transform:capitalize}.clients-date{color:var(--text-dim);font-size:10px}.clients-status{padding:4px 7px;border-radius:999px;font-size:9.5px;font-weight:800}.clients-status.is-active{border:1px solid rgba(16,185,129,.22);color:#059669;background:#10b98117}.clients-status.is-blocked{border:1px solid rgba(239,68,68,.22);color:var(--danger);background:#ef444414}.clients-action-cell{text-align:right}.clients-view-link{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border:1px solid var(--border-input);border-radius:7px;color:var(--text);background:var(--surface-alt);font-size:10.5px;font-weight:700;text-decoration:none;transition:border-color .15s ease,color .15s ease,background .15s ease}.clients-view-link:hover{border-color:rgba(var(--primary-rgb),.35);color:var(--primary-color);background:rgba(var(--primary-rgb),.07)}.clients-empty-cell{padding:28px!important;color:var(--text-dim);text-align:center}.clients-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-top:1px solid var(--border);background:var(--surface-alt)}.clients-pagination p{margin:0;color:var(--text-dim);font-size:10.5px}.clients-pagination p strong{color:var(--text)}.clients-pagination-controls{display:flex;align-items:center;gap:9px}.clients-pagination-controls>span{color:var(--text-dim);font-size:10.5px;white-space:nowrap}.clients-pagination-controls>span strong{color:var(--text)}.clients-pagination-controls button{width:auto;display:inline-flex;align-items:center;gap:4px;padding:6px 9px;font-size:10.5px}[data-theme=dark] .clients-page-header,[data-theme=dark] .clients-create-section,[data-theme=dark] .clients-directory-section{box-shadow:0 12px 30px #00000038}[data-theme=dark] .client-theme-select-menu{box-shadow:0 18px 40px #0000006b}@media (max-width: 760px){.clients-page-header{align-items:flex-start;flex-direction:column}.clients-page-stats{width:100%}.clients-page-stats>div{flex:1;min-width:0}.clients-create-form{grid-template-columns:1fr}.clients-create-form>*{grid-column:1 / -1}.clients-create-submit{margin-top:0}}@media (max-width: 560px){.clients-page-header,.clients-create-section,.clients-directory-section{padding:15px}.clients-page-heading{align-items:flex-start}.clients-page-icon{width:42px;height:42px;flex-basis:42px}.clients-create-note{margin-left:0}.clients-create-submit{width:100%}.clients-directory-head{align-items:center}.clients-pagination{align-items:stretch;flex-direction:column}.clients-pagination p{text-align:center}.clients-pagination-controls{justify-content:space-between}.clients-pagination-controls button{flex:1;justify-content:center}}.video-shorts-page{width:100%;max-width:1120px}.video-shorts-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.video-shorts-heading-copy{display:flex;align-items:center;gap:13px;min-width:0}.video-shorts-title-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#fff;background:var(--holo-gradient);box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.video-shorts-page-header h1{margin-bottom:3px}.video-shorts-page-header .subtitle{max-width:680px;margin:0}.video-shorts-add-button,.video-shorts-add-another,.video-shorts-empty button,.video-short-actions button{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.video-shorts-add-button{flex-shrink:0;padding:10px 15px}.video-shorts-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.video-shorts-summary>span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);background:var(--surface);box-shadow:var(--shadow-sm);font-size:11.5px}.video-shorts-summary svg{color:var(--primary-color)}.video-shorts-summary strong{color:var(--text)}.video-shorts-callout{display:flex;align-items:flex-start;gap:11px;margin-bottom:22px;padding:13px 15px;border:1px solid rgba(var(--primary-rgb),.22);border-radius:var(--radius);background:linear-gradient(100deg,rgba(var(--primary-rgb),.08),#0d93940d)}.video-shorts-callout>span{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;color:var(--primary-color);background:var(--surface);box-shadow:var(--shadow-sm)}.video-shorts-callout strong{display:block;margin-bottom:2px;color:var(--text);font-size:12.5px}.video-shorts-callout p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.5}.video-shorts-error{margin-bottom:16px}.video-shorts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.video-short-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s,transform .2s}.video-short-card.active{border-color:var(--primary-color);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.08),var(--shadow-md)}.video-short-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.video-short-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--surface-alt)}.video-short-card.active .video-short-card-header{background:linear-gradient(90deg,rgba(var(--primary-rgb),.11),rgba(var(--primary-rgb),.025))}.video-short-card-header>div{display:flex;align-items:center;gap:8px;min-width:0}.video-short-card-header strong{overflow:hidden;color:var(--text);font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.video-short-number{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;color:var(--primary-color);background:rgba(var(--primary-rgb),.11);font:700 10.5px/1 var(--font-mono)}.video-short-status{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:3px 7px;border-radius:999px;color:var(--text-dim);background:var(--surface);font-size:9.5px;font-weight:700}.video-short-status.active{color:var(--primary-color);background:rgba(var(--primary-rgb),.11)}.video-short-card-body{display:flex;align-items:stretch;gap:15px;padding:15px}.video-short-thumb{position:relative;width:90px;height:160px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:#101426;box-shadow:inset 0 0 0 3px #ffffff0a}.video-short-thumb video{width:100%;height:100%;object-fit:cover}.video-short-thumb.is-empty{color:var(--text-dim);background:repeating-linear-gradient(135deg,var(--surface-alt),var(--surface-alt) 8px,var(--surface) 8px,var(--surface) 16px)}.video-short-thumb.is-youtube{color:#fff;background:linear-gradient(145deg,#ff3131,#c90000)}.video-short-thumb>span:not(.video-short-play){display:flex;flex-direction:column;align-items:center;gap:6px}.video-short-thumb small{font-size:8.5px;font-weight:700}.video-short-play{position:absolute;left:8px;bottom:8px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#0d9394e6;box-shadow:0 4px 10px #0003}.video-short-fields{flex:1;min-width:0;display:grid;align-content:start;gap:10px}.video-short-fields label{margin:0}.video-short-fields label>span{display:block;margin-bottom:5px;color:var(--text-dim);font-size:10.5px;font-weight:650}.video-short-fields input{padding:9px 10px;font-size:12px}.video-short-url-input{height:38px;display:flex;align-items:center;border:1.5px solid var(--border-input);border-radius:9px;background:var(--surface-alt);transition:border-color .15s,box-shadow .15s}.video-short-url-input:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.video-short-url-input svg{flex-shrink:0;margin-left:10px;color:var(--text-dim)}.video-short-url-input input{height:100%;min-width:0;padding-left:8px;border:0;border-radius:0;background:transparent;box-shadow:none}.video-short-url-input input:hover,.video-short-url-input input:focus{border:0;background:transparent;box-shadow:none}.video-short-fields>p{display:flex;align-items:center;gap:5px;margin:0;color:var(--text-dim);font-size:9.5px}.video-short-fields>p svg{color:var(--primary-color)}.video-short-actions{display:flex;align-items:center;gap:7px;padding:10px 14px;border-top:1px solid var(--border);background:var(--surface-alt)}.video-short-actions button{padding:6px 9px;font-size:10.5px}.video-short-actions .video-short-remove{width:31px;height:31px;margin-left:auto;padding:0;color:var(--danger)}.video-short-actions .video-short-remove:hover{border-color:#ea54554d;background:#ea54551a}.video-shorts-add-another{min-height:52px;border:1px dashed rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.04);color:var(--primary-color);box-shadow:none}.video-shorts-add-another:hover{background:rgba(var(--primary-rgb),.09);filter:none;box-shadow:none}.video-shorts-empty{padding:54px 22px;border:1px dashed rgba(var(--primary-rgb),.36);border-radius:var(--radius);background:var(--surface);text-align:center}.video-shorts-empty>span{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:13px;color:var(--primary-color);background:rgba(var(--primary-rgb),.11)}.video-shorts-empty h2{margin:0 0 5px}.video-shorts-empty p{margin:0 0 16px;color:var(--text-dim);font-size:12px}.video-shorts-empty button{margin:auto;padding:9px 14px}@media (max-width: 900px){.video-shorts-grid{grid-template-columns:1fr}}@media (max-width: 560px){.video-shorts-page-header{align-items:flex-start;flex-direction:column}.video-shorts-add-button{width:100%}.video-short-card-body{align-items:flex-start}.video-short-thumb{width:76px;height:135px}.video-short-actions{flex-wrap:wrap}.video-short-actions button:not(.video-short-remove){flex:1}}@media (max-width: 420px){.video-short-card-body{flex-direction:column}.video-short-thumb{width:100%;height:180px}.video-short-thumb video{object-fit:contain}}.ar-icons-page{width:100%;max-width:1120px}.ar-icons-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.ar-icons-heading-copy{display:flex;align-items:center;gap:13px;min-width:0}.ar-icons-title-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#fff;background:var(--holo-gradient);box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.ar-icons-page-header h1{margin-bottom:3px}.ar-icons-page-header .subtitle{max-width:680px;margin:0}.ar-icons-manage-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:10px 14px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);font-size:12px;font-weight:650;text-decoration:none;transition:color .15s,border-color .15s,box-shadow .15s,transform .15s}.ar-icons-manage-link:hover{color:var(--primary-color);border-color:rgba(var(--primary-rgb),.4);box-shadow:var(--shadow-md);transform:translateY(-1px)}.ar-icons-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.ar-icons-summary>span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);background:var(--surface);box-shadow:var(--shadow-sm);font-size:11.5px}.ar-icons-summary svg{color:var(--primary-color)}.ar-icons-summary strong{color:var(--text)}.ar-icons-callout{display:flex;align-items:flex-start;gap:11px;margin-bottom:24px;padding:14px 16px;border:1px solid rgba(var(--primary-rgb),.22);border-radius:var(--radius);background:linear-gradient(100deg,rgba(var(--primary-rgb),.09),#0d93940e)}.ar-icons-callout-icon{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;color:var(--primary-color);background:var(--surface);box-shadow:var(--shadow-sm)}.ar-icons-callout strong{display:block;margin:0 0 2px;color:var(--text);font-size:12.5px}.ar-icons-callout p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.5}.ar-icons-error{margin-bottom:16px}.ar-icons-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:12px}.ar-icons-section-heading h2{margin:0 0 3px;font-size:15px}.ar-icons-section-heading p{margin:0;color:var(--text-dim);font-size:11.5px}.ar-icons-section-heading>span{flex-shrink:0;color:var(--text-dim);font-size:10.5px;font-weight:650}.ar-icons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ar-icon-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color .18s,box-shadow .18s,transform .18s}.ar-icon-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--ar-icon-color);opacity:.42}.ar-icon-card:hover{border-color:color-mix(in srgb,var(--ar-icon-color) 45%,var(--border));box-shadow:var(--shadow-md);transform:translateY(-1px)}.ar-icon-card.is-customized{border-color:color-mix(in srgb,var(--ar-icon-color) 38%,var(--border))}.ar-icon-card.is-customized:before{opacity:1}.ar-icon-card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px 0 17px}.ar-icon-type{color:var(--text-dim);font-size:9.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.ar-icon-state{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border-radius:999px;color:var(--text-dim);background:var(--surface-alt);font-size:9.5px;font-weight:700}.ar-icon-state.uploaded{color:#10b981;background:#10b9811a}.ar-icon-card-body{display:flex;align-items:center;gap:14px;min-height:112px;padding:12px 16px 15px 17px}.ar-icon-preview{width:72px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--ar-icon-color) 48%,var(--border));border-radius:15px;background:var(--surface-alt);box-shadow:inset 0 0 0 4px var(--surface)}.ar-icon-preview img{width:78%;height:78%;object-fit:contain}.ar-icon-preview>span{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;background:linear-gradient(145deg,var(--ar-icon-color),color-mix(in srgb,var(--ar-icon-color) 66%,#252440))}.ar-icon-preview small{font-size:7px;font-weight:800;letter-spacing:.09em}.ar-icon-info{flex:1;min-width:0}.ar-icon-info h3{margin:0 0 4px;color:var(--text);font-size:13.5px}.ar-icon-info p{margin:0;color:var(--text-dim);font-size:10.5px;line-height:1.45}.ar-icon-actions{display:flex;align-items:center;gap:7px;padding:10px 14px 11px 17px;border-top:1px solid var(--border);background:var(--surface-alt)}.ar-icon-actions button{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;font-size:11px}.ar-icon-actions .ar-icon-remove{width:31px;height:31px;margin-left:auto;padding:0;color:var(--danger)}.ar-icon-actions .ar-icon-remove:hover{border-color:#ea54554d;background:#ea54551a}@media (max-width: 760px){.ar-icons-grid{grid-template-columns:1fr}}@media (max-width: 560px){.ar-icons-page-header{align-items:flex-start;flex-direction:column}.ar-icons-manage-link{width:100%}.ar-icons-section-heading{align-items:flex-start;flex-direction:column}.ar-icon-card-body{align-items:flex-start}}@media (max-width: 380px){.ar-icon-card-body{flex-direction:column}.ar-icon-preview{width:64px;height:64px}.ar-icon-actions button:first-child{flex:1}}.inventory-add-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm);margin-bottom:24px}.inventory-add-form .field{margin-bottom:0;flex:1;min-width:130px}.inventory-add-form button[type=submit]{flex-shrink:0;width:auto}@media (max-width: 480px){.inventory-add-form{flex-direction:column;gap:10px}.inventory-add-form .field,.inventory-add-form button[type=submit]{width:100%}}.faq-entry{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;background:var(--surface);box-shadow:var(--shadow-sm);transition:opacity .2s ease}.faq-entry.faq-hidden{opacity:.5}.faq-reorder-col{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.faq-reorder-col button{width:24px;height:24px;border-radius:50%;padding:0;font-size:10px;display:flex;align-items:center;justify-content:center}.faq-entry-content{flex:1;min-width:0}.faq-entry-btns{display:flex;gap:6px;flex-shrink:0}@media (max-width: 580px){.faq-entry{flex-wrap:wrap}.faq-entry-btns{width:100%;margin-top:8px;gap:6px}.faq-entry-btns button{flex:1}}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;flex-wrap:wrap;gap:8px}.ticket-contact-row{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--text-dim);flex-wrap:wrap;margin-top:3px}.ticket-contact-item{display:flex;align-items:center;gap:4px}.ticket-status-badge-row{display:flex;align-items:center;gap:8px;flex-shrink:0}.ticket-action-btns{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 480px){.ticket-header{flex-direction:column}.ticket-action-btns button{flex:1}}.poster-filter-bar{display:flex;align-items:flex-end;gap:10px;margin-bottom:16px;flex-wrap:wrap}.poster-filter-bar label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-dim);flex:1;min-width:120px}.poster-filter-bar input{width:100%}.poster-filter-btns{display:flex;gap:8px;flex-shrink:0;align-self:flex-end}@media (max-width: 640px){.poster-filter-bar label:first-child{min-width:100%}.poster-filter-btns{width:100%}.poster-filter-btns button{flex:1}}[data-theme=dark] .error-banner{background:#ea54551a;border-color:#ea54554d;color:#f87171}@media (max-width: 420px){h1{font-size:18px}h2{font-size:13px}.subtitle{font-size:13px;margin-bottom:18px}}.magic-art-page{width:100%;max-width:1180px}.magic-art-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.magic-art-heading-copy{display:flex;align-items:center;gap:13px;min-width:0}.magic-art-title-icon,.magic-art-section-icon,.magic-art-upload-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary-color);background:rgba(var(--primary-rgb),.12)}.magic-art-title-icon{width:44px;height:44px;border-radius:12px;background:var(--holo-gradient);color:#fff;box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.magic-art-page-header .page-title{margin-bottom:3px}.magic-art-page-header .subtitle{max-width:720px}.magic-art-add-button,.magic-art-add-another,.magic-art-upload-zone button,.magic-art-piece-actions button,.magic-art-form-footer button,.magic-art-inline-actions button,.magic-art-clip-row button,.magic-art-crop-actions button,.magic-art-model-panel button{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.magic-art-add-button{padding:10px 16px;flex-shrink:0}.magic-art-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.magic-art-summary>span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-dim);font-size:11.5px;box-shadow:var(--shadow-sm)}.magic-art-summary svg{color:var(--primary-color)}.magic-art-summary strong{color:var(--text)}.magic-art-intro{max-width:880px;margin-bottom:20px;font-size:13px}.magic-art-error{margin-bottom:16px}.magic-art-list{display:grid;gap:18px;width:100%}.magic-art-editor-row{display:flex;align-items:flex-start;gap:18px;width:100%}.magic-art-piece-card{order:1;flex:1 1 760px;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:border-color .2s ease,box-shadow .2s ease}.magic-art-piece-card.is-active{border-color:var(--primary-color);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.1),var(--shadow-md)}.magic-art-piece-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;background:var(--surface-alt);border-bottom:1px solid var(--border)}.magic-art-piece-card.is-active .magic-art-piece-header{background:linear-gradient(90deg,rgba(var(--primary-rgb),.11),rgba(var(--primary-rgb),.025))}.magic-art-piece-identity,.magic-art-piece-actions,.magic-art-piece-title,.magic-art-inline-actions{display:flex;align-items:center;gap:8px}.magic-art-piece-number{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;color:var(--primary-color);background:rgba(var(--primary-rgb),.12);font:700 12px/1 var(--font-mono)}.magic-art-piece-title{flex-wrap:wrap}.magic-art-piece-title>p{margin:0;color:var(--text);font-size:14px;font-weight:700}.magic-art-status,.magic-art-saved{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.magic-art-status{color:var(--primary-color);background:rgba(var(--primary-rgb),.11)}.magic-art-status>span{width:6px;height:6px;border-radius:50%;background:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.magic-art-saved{color:#10b981;background:#10b9811a}.magic-art-piece-actions{flex-wrap:wrap;justify-content:flex-end}.magic-art-piece-actions button,.magic-art-inline-actions button,.magic-art-clip-row button{padding:6px 9px;font-size:11.5px}button.secondary.magic-art-danger-button{color:var(--danger)}button.secondary.magic-art-danger-button:hover{background:#ea54551a;border-color:#ea54554d}.magic-art-section{padding:18px}.magic-art-section+.magic-art-section{border-top:1px solid var(--border)}.magic-art-section-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.magic-art-section-icon{width:30px;height:30px;border-radius:8px}.magic-art-section-heading h3{margin:0 0 2px;font-size:13.5px}.magic-art-section-heading p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.4}.magic-art-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.magic-art-field{margin:0;min-width:0}.magic-art-field-full{grid-column:1 / -1}.magic-art-field>span{display:block;margin-bottom:6px;color:var(--text-dim);font-size:11.5px;font-weight:600}.magic-art-field small{margin-left:4px;color:var(--text-dim);font-size:10px;font-weight:500}.magic-art-field textarea{width:100%;min-height:72px;resize:vertical;padding:10px 12px;border:1.5px solid var(--border-input);border-radius:9px;outline:none;background:var(--surface-alt);color:var(--text);font:13px/1.45 var(--font-ui);transition:border-color .15s,box-shadow .15s,background .15s}.magic-art-field textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);background:var(--surface)}.magic-art-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.magic-art-form-footer .hint{margin:0;max-width:580px}.magic-art-upload-zone{display:flex;align-items:center;gap:13px;padding:18px;border:1.5px dashed rgba(var(--primary-rgb),.45);border-radius:11px;background:rgba(var(--primary-rgb),.035)}.magic-art-upload-icon{width:40px;height:40px;border-radius:10px}.magic-art-upload-zone>div{flex:1;min-width:0}.magic-art-upload-zone p{margin:0 0 3px;color:var(--text);font-size:13px;font-weight:700}.magic-art-upload-zone small{display:block;color:var(--text-dim);font-size:11px;line-height:1.45}.magic-art-warning{margin-bottom:12px;padding:9px 11px;border:1px solid rgba(245,158,11,.35);border-radius:9px;background:#f59e0b1a;color:#a16207;font-size:11.5px;line-height:1.5}[data-theme=dark] .magic-art-warning{color:#fbbf24}.magic-art-media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.magic-art-media-toolbar>p{display:flex;align-items:center;gap:6px;margin:0;color:var(--text);font-size:12.5px;font-weight:700}.magic-art-media-toolbar>p svg{color:var(--primary-color)}.magic-art-media-toolbar>p span{color:var(--text-dim);font:500 10.5px/1 var(--font-mono)}.magic-art-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.magic-art-preview-panel{min-width:0;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.magic-art-panel-label{display:flex;align-items:center;gap:5px;margin:0 0 8px;color:var(--text);font-size:11.5px;font-weight:700}.magic-art-panel-label svg{color:var(--primary-color)}.magic-art-panel-label span{margin-left:auto;color:var(--text-dim);font-size:9.5px;font-weight:500}.magic-art-clips{display:grid;gap:8px;margin-top:16px}.magic-art-clips-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.magic-art-clips-heading h4{margin:0 0 2px;font-size:12.5px}.magic-art-clips-heading p{margin:0;color:var(--text-dim);font-size:10.5px}.magic-art-clips-heading>span{padding:3px 8px;border-radius:999px;background:var(--surface-alt);color:var(--text-dim);font-size:10px;font-weight:700}.magic-art-clip-row{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--border);border-left:3px solid var(--clip-color);border-radius:9px;background:var(--surface);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.magic-art-clip-row:hover{background:var(--surface-alt)}.magic-art-clip-row.is-selected{border-color:var(--clip-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--clip-color) 15%,transparent)}.magic-art-clip-name{flex:1;min-width:120px;font-size:12px;padding:8px 10px}.magic-art-crop-panel{order:2;width:410px;flex:0 0 410px;padding:16px;border:1px solid rgba(var(--primary-rgb),.42);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md)}.magic-art-crop-panel.embedded{width:auto;margin-top:8px;background:var(--surface-alt);box-shadow:none}.magic-art-crop-meta{margin:0 0 10px;color:var(--text-dim);font:10.5px/1.4 var(--font-mono)}.magic-art-crop-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.magic-art-crop-actions button{padding:8px 12px;font-size:11.5px}.magic-art-segmented-control{display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:9px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface-alt)}.magic-art-segmented-control button{width:100%;padding:7px;border-radius:6px;background:transparent;color:var(--text-dim);box-shadow:none;font-size:11.5px}.magic-art-segmented-control button.is-active{background:var(--surface);color:var(--primary-color);box-shadow:var(--shadow-sm)}.magic-art-add-clip,.magic-art-add-another{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px dashed rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.045);color:var(--primary-color);box-shadow:none}.magic-art-add-clip{width:100%;padding:9px;font-size:11.5px}.magic-art-add-another{justify-self:start;width:auto;padding:10px 15px}.magic-art-add-clip:hover,.magic-art-add-another:hover{background:rgba(var(--primary-rgb),.1);filter:none;box-shadow:none}.magic-art-model-panel{display:flex;align-items:center;gap:10px;margin-top:16px;padding:13px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.magic-art-model-copy{flex:1;min-width:0}.magic-art-model-copy>p{margin:0 0 2px;color:var(--text);font-size:12.5px;font-weight:700}.magic-art-model-copy>p>span{margin-left:4px;color:var(--text-dim);font-size:9.5px;font-weight:600;text-transform:uppercase}.magic-art-model-copy>small{display:block;color:var(--text-dim);font-size:10.5px;line-height:1.4}@media (max-width: 980px){.magic-art-editor-row{flex-wrap:wrap}.magic-art-crop-panel{order:0;width:100%;flex-basis:100%}.magic-art-piece-card{flex-basis:100%}}@media (max-width: 720px){.magic-art-page-header{align-items:flex-start}.magic-art-preview-grid{grid-template-columns:1fr}.magic-art-piece-header{align-items:flex-start;flex-direction:column}.magic-art-piece-actions{width:100%;justify-content:flex-start}.magic-art-clip-row{flex-wrap:wrap}.magic-art-clip-name{flex:1 1 calc(100% - 70px)}.magic-art-clip-row button{flex:1}}@media (max-width: 560px){.magic-art-page-header{flex-direction:column}.magic-art-add-button{width:100%}.magic-art-heading-copy{align-items:flex-start}.magic-art-title-icon{width:38px;height:38px}.magic-art-intro{display:none}.magic-art-fields{grid-template-columns:1fr}.magic-art-field-full{grid-column:auto}.magic-art-section{padding:14px}.magic-art-form-footer,.magic-art-upload-zone,.magic-art-media-toolbar,.magic-art-model-panel{align-items:stretch;flex-direction:column}.magic-art-form-footer button,.magic-art-upload-zone button{width:100%}.magic-art-inline-actions{width:100%;flex-wrap:wrap}.magic-art-inline-actions button,.magic-art-piece-actions button{flex:1}.magic-art-model-panel>button{width:100%}}.login-page{position:relative;width:100%;height:100vh;height:100dvh;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:28px;background:radial-gradient(circle at 12% 12%,rgba(13,147,148,.13),transparent 28%),radial-gradient(circle at 88% 90%,rgba(var(--primary-rgb),.11),transparent 30%),#f4f8f9}.login-bg-orb{position:absolute;display:block;border-radius:50%;border:1px solid rgba(13,147,148,.13);pointer-events:none}.login-bg-orb:before,.login-bg-orb:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:inherit;border-radius:inherit}.login-bg-orb:after{top:28%;right:28%;bottom:28%;left:28%}.login-bg-orb-one{width:390px;height:390px;left:-180px;top:-180px}.login-bg-orb-two{width:320px;height:320px;right:-150px;bottom:-170px;border-color:rgba(var(--primary-rgb),.12)}.login-shell{position:relative;z-index:1;width:min(1160px,100%);height:100%;min-height:0;max-height:820px;display:grid;grid-template-columns:minmax(430px,.92fr) minmax(500px,1.08fr);overflow:hidden;border:1px solid rgba(219,218,222,.9);border-radius:24px;background:#fff;box-shadow:0 30px 80px #24424b24,0 8px 24px #24424b14}.login-form-panel{min-width:0;display:flex;flex-direction:column;padding:28px 36px 22px;background:#fff}.login-brand-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.login-brand{display:flex;align-items:center;gap:10px}.login-logo-wrap{width:43px;height:43px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:linear-gradient(145deg,#18203b,#0d9394);box-shadow:0 6px 14px #0d939438}.login-logo-wrap img{width:58px;height:38px;object-fit:contain}.login-brand-name{display:flex;flex-direction:column;color:#27253a;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.2}.login-brand-name b{color:#0d9394;font-size:10px;letter-spacing:.14em}.login-console-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e1e5e9;border-radius:999px;color:#706b82;background:#f8fafb;font-size:10.5px;font-weight:700}.login-console-badge svg{color:#0d9394}.login-form-wrap{width:100%;max-width:390px;margin:auto;padding:42px 0 32px}.login-welcome-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:11px;color:#0d9394;background:#0d93941c}.login-eyebrow{margin:0 0 7px;color:#0d9394;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.login-form-wrap h1{margin:0 0 10px;color:#27253a;font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.035em;line-height:1.15}.login-lead{margin:0 0 28px;color:#706b82;font-size:13.5px;line-height:1.65}.login-error{margin:-10px 0 18px}.login-form{display:grid;gap:18px}.login-field{display:block;margin:0}.login-field>span{display:block;margin-bottom:7px;color:#373449;font-size:11.5px;font-weight:700}.login-input-wrap{position:relative;display:flex;align-items:center;height:50px;border:1.5px solid #d9dee4;border-radius:11px;background:#f8fafb;transition:border-color .15s,box-shadow .15s,background .15s}.login-input-wrap:focus-within{border-color:#0d9394;background:#fff;box-shadow:0 0 0 4px #0d93941c}.login-input-wrap>svg{margin-left:14px;color:#8e94a2;flex-shrink:0;transition:color .15s}.login-input-wrap:focus-within>svg{color:#0d9394}.login-input-wrap input{height:100%;min-width:0;padding:0 13px;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;color:#27253a;font-size:13.5px}.login-input-wrap input:hover,.login-input-wrap input:focus{border:0;background:transparent;box-shadow:none}.login-input-wrap input::placeholder{color:#a0a6b2}.login-password-toggle{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:5px;padding:0;border:0;border-radius:8px;background:transparent;color:#8e94a2;box-shadow:none}.login-password-toggle:hover{background:#0d939414;color:#0d9394;filter:none;box-shadow:none}.login-submit{height:50px;display:flex;align-items:center;justify-content:center;gap:9px;margin-top:4px;border-radius:11px;background:linear-gradient(110deg,#087d83,#0d9b9a 58%,#22b6a8);box-shadow:0 9px 22px #0d93943d;font-size:13.5px}.login-submit:hover{filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 12px 26px #0d93944d}.login-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#8a8f9e;font-size:10.5px}.login-security-note svg{color:#0d9394}.login-security-note strong{color:#626879;font-weight:700}.login-form-footer{margin-top:auto;color:#969aa7;font-size:10.5px;text-align:center}.login-visual-panel{position:relative;min-width:0;overflow:hidden;display:flex;flex-direction:column;padding:58px 54px 36px;color:#fff;background:linear-gradient(145deg,#087e87,#0d9999 47%,#35bda9);isolation:isolate}.login-visual-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.18;background:linear-gradient(120deg,rgba(255,255,255,.2),transparent 38%,rgba(30,26,76,.16))}.login-visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.14;background-image:radial-gradient(rgba(255,255,255,.85) .8px,transparent .8px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 82%);mask-image:linear-gradient(to bottom,#000,transparent 82%)}.login-visual-glow{position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.login-visual-glow-one{width:370px;height:370px;right:-170px;top:-110px;border:58px solid rgba(255,255,255,.08)}.login-visual-glow-two{width:280px;height:280px;left:-125px;bottom:-145px;background:#251a5a1f;filter:blur(2px)}.login-visual-copy{position:relative;z-index:3;max-width:460px}.login-visual-kicker{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:#ffffff1c;font-size:10.5px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-visual-copy h2{max-width:430px;margin:17px 0 10px;color:#fff;font-size:clamp(29px,3.2vw,42px);line-height:1.08;letter-spacing:-.04em}.login-visual-copy p{max-width:440px;margin:0;color:#ffffffc7;font-size:13px;line-height:1.65}.login-scene{position:relative;z-index:2;flex:1;min-height:335px;margin-top:14px}.login-scan-ring{position:absolute;left:50%;top:53%;border:1px solid rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%)}.login-scan-ring-one{width:210px;height:210px;background:#ffffff0d}.login-scan-ring-two{width:290px;height:290px}.login-scan-ring-three{width:370px;height:370px;opacity:.65}.login-card-mockup{position:absolute;left:13%;top:31%;width:245px;height:145px;padding:17px;overflow:hidden;border:1px solid rgba(255,255,255,.62);border-radius:17px;background:linear-gradient(145deg,#fffffffa,#ecfcfaeb);color:#153b46;box-shadow:0 24px 45px #0c444c4d;transform:rotate(-7deg)}.login-card-mockup:after{content:"";position:absolute;width:150px;height:150px;right:-60px;bottom:-80px;border-radius:50%;background:linear-gradient(140deg,#0d939440,#7367f02e)}.login-card-topline{display:flex;justify-content:space-between;align-items:center}.login-card-chip{width:25px;height:18px;border-radius:5px;background:linear-gradient(135deg,#d6af5c,#ffe6a3)}.login-card-topline svg{color:#0d9394;transform:rotate(90deg)}.login-card-avatar{width:40px;height:40px;display:flex;align-items:center;justify-content:center;margin-top:11px;border-radius:50%;color:#0d9394;background:#0d93941f}.login-card-lines{position:absolute;left:69px;top:57px;display:grid;gap:6px}.login-card-lines span{width:90px;height:6px;border-radius:99px;background:#d8e6e8}.login-card-lines span:nth-child(1){width:68px;height:8px;background:#8aabb0}.login-card-lines span:nth-child(3){width:52px}.login-card-brand{position:absolute;left:17px;bottom:12px;display:flex;align-items:center;gap:4px;color:#315963;font-size:7px;font-weight:800;letter-spacing:.07em}.login-card-brand img{width:24px;height:15px;object-fit:contain}.login-phone-mockup{position:absolute;right:14%;top:18%;width:150px;height:270px;padding:8px;border:2px solid rgba(255,255,255,.8);border-radius:29px;background:#18233d;box-shadow:0 25px 48px #07374059;transform:rotate(6deg)}.login-phone-speaker{position:absolute;z-index:2;width:42px;height:5px;left:50%;top:10px;border-radius:99px;background:#313c54;transform:translate(-50%)}.login-phone-screen{height:100%;display:flex;flex-direction:column;align-items:center;padding:42px 12px 14px;border-radius:21px;color:#183944;background:linear-gradient(160deg,#f8ffff,#c9f1eb)}.login-phone-check{width:45px;height:45px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;color:#0d9394;background:#fff;box-shadow:0 8px 20px #0d939429}.login-phone-screen strong{font-size:11px}.login-phone-screen small{margin-top:3px;color:#6e8a90;font-size:8px}.login-phone-profile{width:100%;display:flex;align-items:center;gap:8px;margin-top:auto;padding:9px;border-radius:10px;background:#ffffffb8}.login-phone-profile svg{padding:4px;border-radius:50%;color:#0d9394;background:#0d93941a}.login-phone-profile>span{display:grid;gap:4px}.login-phone-profile i{width:52px;height:4px;border-radius:99px;background:#b4d5d3}.login-phone-profile i:last-child{width:34px}.login-float-icon{position:absolute;width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.52);border-radius:12px;color:#0d8f91;background:#ffffffe8;box-shadow:0 12px 25px #08484f33;animation:login-float 4s ease-in-out infinite}.login-float-card{left:7%;top:18%}.login-float-phone{right:3%;top:55%;animation-delay:-1.3s}.login-float-spark{left:45%;bottom:4%;animation-delay:-2.4s}@keyframes login-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.login-feature-row{position:relative;z-index:3;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.login-feature-row span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#ffffffe0;background:#08595d2b;font-size:9.5px;font-weight:650;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.login-feature-row svg{color:#bdf9e9}@media (max-width: 980px){.login-page{padding:20px}.login-shell{min-height:640px;grid-template-columns:minmax(400px,.95fr) minmax(380px,1.05fr)}.login-form-panel{padding-inline:28px}.login-visual-panel{padding:48px 35px 30px}.login-card-mockup{left:3%}.login-phone-mockup{right:4%}}@media (max-width: 780px){.login-page{align-items:stretch;padding:0;overflow:hidden;background:#fff}.login-shell{width:100%;height:100%;min-height:0;max-height:none;grid-template-columns:1fr;border:0;border-radius:0;box-shadow:none}.login-form-panel{height:100%;min-height:0;padding:24px clamp(22px,7vw,52px)}.login-form-wrap{margin-block:auto;padding:40px 0}.login-visual-panel{display:none}}@media (max-width: 440px){.login-form-panel{padding:20px}.login-console-badge{display:none}.login-form-wrap{padding:34px 0}.login-form-wrap h1{font-size:26px}.login-security-note{align-items:flex-start;text-align:left}.login-form-footer{line-height:1.5}}@media (max-height: 760px) and (min-width: 781px){.login-page{padding:18px}.login-shell{max-height:none}.login-form-panel{padding:20px 30px 16px}.login-form-wrap{padding:20px 0 16px}.login-welcome-icon{width:34px;height:34px;margin-bottom:10px}.login-form-wrap h1{font-size:27px;margin-bottom:7px}.login-lead{margin-bottom:18px;line-height:1.5}.login-form{gap:12px}.login-field>span{margin-bottom:5px}.login-input-wrap,.login-submit{height:44px}.login-security-note{margin-top:12px}.login-visual-panel{padding:32px 42px 22px}.login-visual-copy h2{margin:11px 0 7px;font-size:32px}.login-visual-copy p{font-size:12px;line-height:1.5}.login-scene{min-height:255px;margin-top:5px}.login-card-mockup{width:215px;height:128px;top:31%}.login-phone-mockup{width:130px;height:232px;top:11%}.login-phone-screen{padding-top:35px}.login-scan-ring-one{width:170px;height:170px}.login-scan-ring-two{width:230px;height:230px}.login-scan-ring-three{width:290px;height:290px}}@media (max-height: 650px){.login-form-wrap{padding-block:18px}.login-welcome-icon,.login-form-footer{display:none}.login-lead{margin-bottom:16px}.login-form{gap:12px}.login-input-wrap,.login-submit{height:44px}.login-security-note{margin-top:10px}}@media (prefers-reduced-motion: reduce){.login-float-icon,.login-spinner{animation:none}}.ar-layout-page{width:100%;max-width:1120px}.ar-layout-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.ar-layout-heading-copy{display:flex;align-items:center;gap:13px;min-width:0}.ar-layout-title-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;color:#fff;background:var(--holo-gradient);box-shadow:0 6px 16px rgba(var(--primary-rgb),.25)}.ar-layout-page-header h1{margin-bottom:3px}.ar-layout-page-header .subtitle{max-width:690px;margin:0}.ar-layout-save-button,.ar-layout-preview-form button,.ar-layout-tilt-control button,.ar-layout-save-bar button,.ar-layout-reset-position{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ar-layout-save-button{flex-shrink:0;padding:10px 15px}.ar-layout-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.ar-layout-summary>span{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:6px 10px;border:1px solid var(--border);border-radius:999px;color:var(--text-dim);background:var(--surface);box-shadow:var(--shadow-sm);font-size:11px}.ar-layout-summary svg{color:var(--primary-color)}.ar-layout-summary strong{color:var(--text)}.ar-layout-summary .saved{color:#10b981;border-color:#10b98140;background:#10b98114}.ar-layout-error{margin-bottom:16px}.ar-layout-preview-card,.ar-layout-tilt-card{margin-bottom:14px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.ar-layout-panel-heading{display:flex;align-items:flex-start;gap:10px;margin-bottom:13px}.ar-layout-panel-heading.compact{margin-bottom:10px}.ar-layout-panel-icon{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;color:var(--primary-color);background:rgba(var(--primary-rgb),.11)}.ar-layout-panel-heading h2{margin:0 0 2px;font-size:13.5px}.ar-layout-panel-heading p{margin:0;color:var(--text-dim);font-size:11.5px;line-height:1.45}.ar-layout-preview-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ar-layout-search-input{min-width:250px;max-width:440px;height:42px;display:flex;align-items:center;flex:1 1 300px;border:1.5px solid var(--border-input);border-radius:9px;background:var(--surface-alt);transition:border-color .15s,box-shadow .15s,background .15s}.ar-layout-search-input:focus-within{border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.ar-layout-search-input svg{flex-shrink:0;margin-left:12px;color:var(--text-dim)}.ar-layout-search-input input{height:100%;min-width:0;padding:0 10px;border:0;border-radius:0;background:transparent;box-shadow:none}.ar-layout-search-input input:hover,.ar-layout-search-input input:focus{border:0;background:transparent;box-shadow:none}.ar-layout-preview-form button{min-height:40px;padding:8px 12px;font-size:11.5px}.ar-layout-inline-error{margin-top:9px;color:var(--danger);font-size:11.5px}.ar-layout-preview-active{display:flex;align-items:center;gap:7px;margin-top:10px;padding:8px 10px;border-radius:8px;color:#0f8a67;background:#10b98117;font-size:11.5px}.ar-layout-preview-active svg{flex-shrink:0}.ar-layout-tilt-control{display:flex;align-items:center;gap:12px}.ar-layout-tilt-control label{min-width:82px;margin:0;color:var(--text-dim);font-size:11.5px;white-space:nowrap}.ar-layout-tilt-control label strong{color:var(--primary-color);font-family:var(--font-mono)}.ar-layout-tilt-control input[type=range]{flex:1;min-width:150px;height:5px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,var(--primary-color),rgba(var(--primary-rgb),.18));box-shadow:none;accent-color:var(--primary-color)}.ar-layout-tilt-control button{padding:7px 10px;font-size:11px}.ar-layout-canvas-wrap{position:relative;width:100%;max-width:900px;margin:20px 0 28px;padding:62px 56px 56px;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 50% 45%,rgba(var(--primary-rgb),.07),transparent 42%),radial-gradient(circle,rgba(var(--primary-rgb),.13) 1px,transparent 1.2px),var(--surface-alt);background-size:auto,18px 18px,auto;box-shadow:inset 0 1px #ffffff59}.ar-layout-canvas-wrap:before{content:"LAYOUT CANVAS · DRAG TO POSITION";position:absolute;top:21px;left:58px;color:var(--text-dim);font:700 9px/1 var(--font-mono);letter-spacing:.08em}.ar-layout-canvas{margin-inline:auto;box-shadow:0 16px 36px #2f2b3d21,0 2px 8px #2f2b3d14}.ar-layout-move-handle{position:absolute;top:15px;left:17px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(var(--primary-rgb),.28);border-radius:9px;color:var(--primary-color);background:var(--surface);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:20;box-shadow:var(--shadow-sm)}.ar-layout-move-handle:active{cursor:grabbing}.ar-layout-reset-position{position:absolute;top:16px;right:17px;z-index:20;padding:5px 9px;font-size:10.5px}.ar-layout-save-bar{display:flex;align-items:center;gap:12px;max-width:900px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.ar-layout-save-bar>div{flex:1;min-width:180px}.ar-layout-save-bar strong{display:block;margin-bottom:2px;color:var(--text);font-size:12.5px}.ar-layout-save-bar p{margin:0;color:var(--text-dim);font-size:10.5px}.ar-layout-save-bar button{flex-shrink:0;padding:9px 14px}.ar-layout-save-status{display:inline-flex;align-items:center;gap:5px;color:#10b981;font-size:10.5px}.ar-layout-save-error{color:var(--danger);font-size:10.5px}.ar-layout-footnote{max-width:860px;margin-top:12px}[data-theme=dark] .ar-layout-canvas-wrap{box-shadow:inset 0 1px #ffffff08}[data-theme=dark] .ar-layout-canvas{box-shadow:0 18px 38px #00000059}@media (max-width: 760px){.ar-layout-page-header{align-items:flex-start;flex-direction:column}.ar-layout-save-button{width:100%}.ar-layout-canvas-wrap{padding:58px 24px 38px;overflow-x:auto}.ar-layout-canvas-wrap:before{left:58px}.ar-layout-save-bar{align-items:flex-start;flex-wrap:wrap}.ar-layout-save-bar button{width:100%}}@media (max-width: 520px){.ar-layout-preview-card,.ar-layout-tilt-card{padding:14px}.ar-layout-preview-form{align-items:stretch;flex-direction:column}.ar-layout-search-input{width:100%;min-width:0;flex:none}.ar-layout-preview-form button{width:100%}.ar-layout-tilt-control{align-items:stretch;flex-wrap:wrap}.ar-layout-tilt-control label,.ar-layout-tilt-control input[type=range]{width:100%}.ar-layout-canvas-wrap{margin-top:14px;padding-inline:16px}.ar-layout-canvas-wrap:before{display:none}.ar-layout-reset-position{max-width:130px;white-space:nowrap;overflow:hidden}}.message-filter-bar{position:relative;display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:18px 0;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.message-date-field{position:relative;width:190px;flex:0 0 190px}.message-date-label{display:block;margin:0 0 6px;color:var(--text-dim);font-size:11.5px;font-weight:650}.message-date-trigger{width:100%;height:44px;display:flex;align-items:center;gap:9px;padding:0 11px;border:1.5px solid var(--border-input);border-radius:9px;color:var(--text);background:var(--surface-alt);box-shadow:none;font-size:12.5px;font-weight:550;text-align:left}.message-date-trigger:hover{border-color:rgba(var(--primary-rgb),.45);background:var(--surface);filter:none;box-shadow:none}.message-date-trigger.is-open{border-color:var(--primary-color);background:var(--surface);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.13)}.message-date-trigger>svg:first-child{flex-shrink:0;color:var(--primary-color)}.message-date-trigger .placeholder{color:var(--text-dim);font-weight:450}.message-date-chevron{margin-left:auto;color:var(--text-dim);transition:transform .16s}.message-date-trigger.is-open .message-date-chevron{transform:rotate(180deg)}.message-filter-actions{display:flex;align-items:center;gap:8px;min-height:44px}.message-filter-actions button{width:auto;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 15px;font-size:12px}.message-calendar{position:absolute;top:calc(100% + 8px);left:0;z-index:200;width:292px;padding:12px;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 16px 42px #2f2b3d2e,0 4px 12px #2f2b3d17;animation:message-calendar-in .14s ease-out}@keyframes message-calendar-in{0%{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.message-calendar-header{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;gap:6px;margin-bottom:9px}.message-calendar-header strong{color:var(--text);font-size:12px;font-weight:750;text-align:center}.message-calendar-header button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:8px;color:var(--text-dim);background:transparent;box-shadow:none}.message-calendar-header button:hover{color:var(--primary-color);background:rgba(var(--primary-rgb),.1);filter:none;box-shadow:none}.message-calendar-weekdays,.message-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.message-calendar-weekdays{margin-bottom:4px}.message-calendar-weekdays span{padding:4px 0;color:var(--text-dim);font:700 9px/1 var(--font-mono);text-align:center}.message-calendar-grid button{position:relative;width:34px;height:32px;display:flex;align-items:center;justify-content:center;justify-self:center;padding:0;border:0;border-radius:8px;color:var(--text);background:transparent;box-shadow:none;font-size:10.5px;font-weight:600}.message-calendar-grid button:hover:not(:disabled):not(.selected){color:var(--primary-color);background:rgba(var(--primary-rgb),.1);filter:none;box-shadow:none}.message-calendar-grid button.outside{color:var(--text-dim);opacity:.5}.message-calendar-grid button.today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--primary-color)}.message-calendar-grid button.selected{color:#fff;background:var(--primary-color);box-shadow:0 4px 10px rgba(var(--primary-rgb),.28)}.message-calendar-grid button.selected:after{background:#fff}.message-calendar-grid button:disabled{opacity:.2;cursor:not-allowed}.message-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border)}.message-calendar-footer button{width:auto;padding:5px 8px;border:0;border-radius:7px;color:var(--primary-color);background:transparent;box-shadow:none;font-size:10.5px;font-weight:700}.message-calendar-footer button:hover{background:rgba(var(--primary-rgb),.1);filter:none;box-shadow:none}[data-theme=dark] .message-calendar{box-shadow:0 18px 44px #00000073}@media (max-width: 640px){.message-filter-bar{align-items:stretch}.message-date-field{width:calc(50% - 6px);flex:1 1 calc(50% - 6px)}.message-filter-actions{width:100%}.message-filter-actions button{flex:1}}@media (max-width: 430px){.message-date-field{width:100%;flex-basis:100%}.message-calendar{width:min(292px,calc(100vw - 60px))}}.client-detail-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.client-detail-back{width:auto;display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;padding:7px 11px;font-size:11.5px}.client-detail-hero,.client-detail-section,.client-detail-nav{border:1px solid var(--border);background:var(--surface);box-shadow:0 10px 28px #1118270e}.client-detail-hero{margin-bottom:14px;overflow:hidden;border-radius:16px}.client-detail-identity{position:relative;display:flex;align-items:center;gap:14px;padding:22px 24px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 94% 10%,rgba(var(--primary-rgb),.14),transparent 31%),linear-gradient(135deg,rgba(var(--primary-rgb),.08),transparent 55%)}.client-detail-avatar{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.22);border-radius:15px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22);font-size:17px;font-weight:800;letter-spacing:.04em}.client-detail-name{min-width:0}.client-detail-name>div,.client-detail-name>p{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.client-detail-name h1{margin:0;font-size:clamp(20px,2vw,27px);line-height:1.15}.client-detail-name>p{margin:7px 0 0;color:var(--text-dim);font-size:12px}.client-detail-name>p span{display:inline-flex;align-items:center;gap:5px}.client-detail-id{padding:3px 7px;border:1px solid var(--border);border-radius:6px;color:var(--text);background:var(--surface-alt);font-family:var(--font-mono);font-size:10.5px}.client-detail-blocked{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;border:1px solid rgba(239,68,68,.25);border-radius:999px;color:var(--danger);background:#ef444414;font-size:10px;font-weight:700}.client-detail-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--border);background:var(--surface-alt)}.client-detail-stats>div{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 10px;color:var(--text-dim);font-size:11px}.client-detail-stats>div+div{border-left:1px solid var(--border)}.client-detail-stats svg{color:var(--primary-color)}.client-detail-stats strong{color:var(--text);font-size:13px}.client-detail-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 18px;padding:20px 24px}.client-detail-info-grid>div{min-width:0;padding-left:10px;border-left:2px solid rgba(var(--primary-rgb),.2)}.client-detail-info-grid p:last-child{color:var(--text);font-size:12.5px;font-weight:600}.client-detail-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 20px}.client-detail-actions button,.client-asset-card button,.client-assign-form button,.client-edit-form button{width:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px}.client-detail-actions .client-detail-danger{color:var(--danger);border-color:#ef444447}.client-detail-hero>.handoff-ticket{margin:0 24px 20px!important}.client-detail-nav{display:flex;align-items:center;gap:5px;margin-bottom:14px;padding:6px;overflow-x:auto;border-radius:12px;scrollbar-width:none}.client-detail-nav::-webkit-scrollbar{display:none}.client-detail-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:8px;color:var(--text-dim);font-size:11.5px;font-weight:700;text-decoration:none;transition:color .16s ease,background .16s ease}.client-detail-nav a:hover{color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.client-detail-section{scroll-margin-top:96px;margin-bottom:16px;padding:20px;border-radius:14px}.client-detail-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:17px}.client-detail-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.client-detail-section-head h2{margin:1px 0 3px;font-size:16px}.client-detail-section-head .subtitle{margin:0;font-size:11.5px}.client-qr-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-alt)}.client-qr-controls label{display:inline-flex!important;align-items:center;gap:7px!important;margin:0;font-size:11.5px!important;font-weight:700}.client-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;align-items:stretch}.client-asset-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.client-asset-card img{max-width:100%;box-shadow:0 6px 16px #11182717}.client-assign-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:14px;border-style:dashed;background:var(--surface-alt);box-shadow:none}.client-detail-table{overflow:auto;border-radius:10px;box-shadow:none}.client-detail-table table{min-width:760px}.client-detail-table thead{background:var(--surface-alt)}.client-detail-table tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.client-magic-card-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.client-magic-card-tabs button{width:auto;font-size:11.5px!important}.client-magic-editor-row{display:flex;align-items:flex-start;flex-wrap:wrap;gap:16px}.client-magic-crop-panel{order:2;width:min(480px,100%);flex-shrink:0;padding:16px;border:2px solid var(--primary-color);border-radius:12px;background:var(--surface-alt)}.client-magic-editor-card{background:var(--surface-alt);box-shadow:inset 0 0 0 1px rgba(var(--primary-rgb),.03)}.client-magic-editor-card.is-active{box-shadow:0 8px 24px rgba(var(--primary-rgb),.1)}.client-magic-media-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid var(--border)}.client-magic-media-row:first-of-type{border-top:0}.client-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:17px;background:var(--surface-alt);box-shadow:none}.client-edit-form .client-edit-full,.client-edit-form>button,.client-edit-form>.hint{grid-column:1 / -1}.client-edit-form>button{justify-self:start;min-width:150px}[data-theme=dark] .client-detail-hero,[data-theme=dark] .client-detail-section,[data-theme=dark] .client-detail-nav{box-shadow:0 12px 30px #00000038}@media (max-width: 820px){.client-detail-info-grid,.client-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-detail-stats>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.client-detail-stats>div:nth-child(4){border-top:1px solid var(--border)}.client-magic-crop-panel{order:1;width:100%}.client-magic-editor-card{order:2!important;min-width:0!important;width:100%}}@media (max-width: 600px){.client-detail-identity{align-items:flex-start;padding:17px}.client-detail-avatar{width:46px;height:46px;flex-basis:46px;border-radius:12px}.client-detail-name>p{align-items:flex-start;flex-direction:column;gap:5px}.client-detail-info-grid{grid-template-columns:1fr;padding:17px}.client-detail-actions{padding:0 17px 17px}.client-detail-actions button{flex:1 1 calc(50% - 5px)}.client-detail-hero>.handoff-ticket{margin:0 17px 17px!important}.client-detail-section{padding:15px}.client-asset-grid,.client-edit-form{grid-template-columns:1fr}.client-edit-form>*{grid-column:1 / -1}.client-edit-form>button{width:100%}.client-magic-media-row{align-items:flex-start;flex-wrap:wrap}.client-magic-media-row>div:nth-child(2){min-width:calc(100% - 84px)}}.team-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.team-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:20px 22px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(var(--primary-rgb),.16),transparent 32%),linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055));box-shadow:0 10px 28px #1118270e}.team-page-heading{min-width:0;display:flex;align-items:center;gap:13px}.team-page-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.team-page-kicker{margin:0 0 3px!important;color:var(--primary-color)!important;font:800 9px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.team-page-heading h1{margin:0;font-size:clamp(22px,2.2vw,29px)}.team-page-heading h1+p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.team-page-stats{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.team-page-stats>div{min-width:82px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 13px}.team-page-stats>div+div{border-left:1px solid var(--border)}.team-page-stats strong{color:var(--text);font-size:16px;line-height:1}.team-page-stats span{color:var(--text-dim);font-size:9.5px;font-weight:700}.team-role-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.team-role-guide>div{min-width:0;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.team-role-guide svg{flex:0 0 auto;color:var(--primary-color)}.team-role-guide span{min-width:0;display:flex;flex-direction:column;gap:2px}.team-role-guide strong{color:var(--text);font-size:10.5px}.team-role-guide small{overflow:hidden;color:var(--text-dim);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.team-section{position:relative;margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #1118270d}.team-invite-section{z-index:3}.team-roster-section{z-index:2}.team-installer-section{z-index:1}.team-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:16px}.team-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.team-section-head h2{margin:1px 0 3px;font-size:16px}.team-section-head .subtitle{margin:0;font-size:11.5px}.team-roster-head>div{min-width:0}.team-member-count{margin-left:auto;padding:5px 9px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:999px;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);font-size:10px;white-space:nowrap}.team-invite-form{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(210px,1.1fr) minmax(260px,1.4fr) auto;align-items:end;gap:0 12px;padding:16px;border-style:dashed;background:var(--surface-alt);box-shadow:none}.team-invite-button{width:auto;height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-bottom:16px;padding:0 14px;font-size:11.5px;white-space:nowrap}.team-table-card{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.team-table-shell{overflow:auto;padding:0;border:0;border-radius:0;background:var(--surface);box-shadow:none}.team-table-shell table{min-width:920px}.team-table-shell thead{background:var(--surface-alt)}.team-table-shell th{padding-top:11px;padding-bottom:11px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.team-table-shell td{padding-top:11px;padding-bottom:11px}.team-table-shell tbody tr{transition:background .15s ease}.team-table-shell tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.team-table-shell input{min-width:145px;padding:8px 9px;font-size:11.5px}.team-table-shell .client-theme-select{min-width:132px}.team-table-shell .client-theme-select-trigger{height:35px;font-size:11px}.team-member-identity{display:flex;align-items:center;gap:9px;min-width:150px}.team-member-avatar{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:9px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);font-size:9.5px;font-weight:800}.team-member-identity>span:last-child{display:flex;align-items:center;gap:6px}.team-member-identity strong{color:var(--text);font-size:11.5px}.team-member-identity small{padding:2px 5px;border-radius:999px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09);font-size:8.5px;font-weight:800}.team-member-email,.team-member-date{display:inline-flex;align-items:center;gap:5px;color:var(--text-dim);font-size:10.5px;white-space:nowrap}.team-member-email svg,.team-member-date svg{color:var(--primary-color)}.team-role-badge{font-size:9px;text-transform:capitalize;white-space:nowrap}.team-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.team-row-actions button{width:auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:9.5px;white-space:nowrap}.team-row-actions .team-action-danger{color:var(--danger);border-color:#ef444440}.team-installer-form{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:var(--surface-alt);box-shadow:none}.team-installer-form input{flex:1 1 300px;padding:8px;font-size:11px}.team-installer-form button{width:auto;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 13px;font-size:11px}[data-theme=dark] .team-page-header,[data-theme=dark] .team-section{box-shadow:0 12px 30px #00000038}@media (max-width: 980px){.team-role-guide,.team-invite-form{grid-template-columns:repeat(2,minmax(0,1fr))}.team-invite-button{justify-self:start;min-width:155px}}@media (max-width: 700px){.team-page-header{align-items:flex-start;flex-direction:column}.team-page-stats{width:100%}.team-page-stats>div{flex:1;min-width:0}}@media (max-width: 560px){.team-page-header,.team-section{padding:15px}.team-page-heading{align-items:flex-start}.team-page-icon{width:42px;height:42px;flex-basis:42px}.team-role-guide,.team-invite-form{grid-template-columns:1fr}.team-invite-form>*{grid-column:1 / -1}.team-invite-button{width:100%}.team-installer-form{align-items:stretch;flex-direction:column}.team-installer-form input{width:100%;flex-basis:auto}.team-installer-form button{width:100%}}.requests-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.requests-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:20px 22px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(var(--primary-rgb),.16),transparent 32%),linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055));box-shadow:0 10px 28px #1118270e}.requests-page-heading{min-width:0;display:flex;align-items:center;gap:13px}.requests-page-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.requests-page-kicker{margin:0 0 3px!important;color:var(--primary-color)!important;font:800 9px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.requests-page-heading h1{margin:0;font-size:clamp(22px,2.2vw,29px)}.requests-page-heading h1+p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.requests-page-stats{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.requests-page-stats>div{min-width:68px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 11px}.requests-page-stats>div+div{border-left:1px solid var(--border)}.requests-page-stats strong{color:var(--text);font-size:16px;line-height:1}.requests-page-stats span{color:var(--text-dim);font-size:9.5px;font-weight:700}.requests-guidance{display:flex;align-items:flex-start;gap:9px;margin-bottom:14px;padding:10px 12px;border:1px solid rgba(var(--primary-rgb),.16);border-radius:10px;color:var(--text-dim);background:rgba(var(--primary-rgb),.05)}.requests-guidance svg{flex:0 0 auto;margin-top:1px;color:var(--primary-color)}.requests-guidance p{margin:0;font-size:10.5px;line-height:1.5}.requests-guidance b,.requests-guidance strong{color:var(--text)}.requests-section{position:relative;z-index:2;margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #1118270d}.requests-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.requests-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.requests-section-head>div{min-width:0}.requests-section-head h2{margin:1px 0 3px;font-size:16px}.requests-section-head .subtitle{margin:0;font-size:11.5px}.requests-result-count{margin-left:auto;padding:5px 9px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:999px;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);font-size:10px;white-space:nowrap}.requests-filter-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-alt)}.requests-filter-bar .message-date-field{width:185px}.requests-filter-bar>button{width:auto;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;font-size:10.5px}.requests-filter-bar .requests-clear-resolved{margin-left:auto;color:var(--danger);border-color:#ef44443d}.requests-table-card{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.requests-table-shell{overflow:auto;padding:0;border:0;border-radius:0}.requests-table-shell table{min-width:980px}.requests-table-shell thead{background:var(--surface-alt)}.requests-table-shell th{padding-top:11px;padding-bottom:11px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.requests-table-shell td{padding-top:11px;padding-bottom:11px}.requests-table-shell tbody tr{transition:background .15s ease}.requests-table-shell tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.requests-client,.requests-date{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:10.5px;white-space:nowrap}.requests-client svg,.requests-date svg{color:var(--primary-color)}.requests-date{color:var(--text-dim)}.requests-type{display:inline-flex;padding:4px 7px;border:1px solid var(--border);border-radius:6px;color:var(--text-dim);background:var(--surface-alt);font-size:9.5px;font-weight:700;text-transform:capitalize;white-space:nowrap}.requests-details-cell{min-width:190px;max-width:300px;color:var(--text);font-size:10.5px}.requests-row-actions{display:flex;align-items:center;gap:6px}.requests-row-actions button,.requests-table-shell td:last-child>button{width:auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:9.5px;white-space:nowrap}.requests-danger-action{color:var(--danger)!important;border-color:#ef44443d!important}.requests-empty-cell{padding:28px!important;color:var(--text-dim);text-align:center}[data-theme=dark] .requests-page-header,[data-theme=dark] .requests-section{box-shadow:0 12px 30px #00000038}@media (max-width: 820px){.requests-page-header{align-items:flex-start;flex-direction:column}.requests-page-stats{width:100%}.requests-page-stats>div{flex:1;min-width:0}}@media (max-width: 600px){.requests-page-header,.requests-section{padding:15px}.requests-page-heading{align-items:flex-start}.requests-page-icon{width:42px;height:42px;flex-basis:42px}.requests-filter-bar .message-date-field{width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}.requests-filter-bar>button{flex:1}.requests-filter-bar .requests-clear-resolved{margin-left:0}}@media (max-width: 430px){.requests-filter-bar .message-date-field{width:100%;flex-basis:100%}}.fulfillment-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.fulfillment-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;padding:20px 22px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(var(--primary-rgb),.16),transparent 32%),linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055));box-shadow:0 10px 28px #1118270e}.fulfillment-page-heading{min-width:0;display:flex;align-items:center;gap:13px}.fulfillment-page-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.fulfillment-page-kicker{margin:0 0 3px!important;color:var(--primary-color)!important;font:800 9px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.fulfillment-page-heading h1{margin:0;font-size:clamp(22px,2.2vw,29px)}.fulfillment-page-heading h1+p{margin:4px 0 0;color:var(--text-dim);font-size:12px}.fulfillment-page-stats{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.fulfillment-page-stats>div{min-width:72px;display:flex;flex-direction:column;align-items:center;gap:1px;padding:10px 11px}.fulfillment-page-stats>div+div{border-left:1px solid var(--border)}.fulfillment-page-stats strong{color:var(--text);font-size:16px;line-height:1}.fulfillment-page-stats span{color:var(--text-dim);font-size:9.5px;font-weight:700}.fulfillment-guidance{display:flex;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;border:1px solid rgba(var(--primary-rgb),.16);border-radius:10px;color:var(--text-dim);background:rgba(var(--primary-rgb),.05)}.fulfillment-guidance svg{flex:0 0 auto;color:var(--primary-color)}.fulfillment-guidance p{margin:0;font-size:10.5px}.fulfillment-section{position:relative;z-index:2;margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #1118270d}.fulfillment-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.fulfillment-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.fulfillment-section-head>div{min-width:0}.fulfillment-section-head h2{margin:1px 0 3px;font-size:16px}.fulfillment-section-head .subtitle{margin:0;font-size:11.5px}.fulfillment-result-count{margin-left:auto;padding:5px 9px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:999px;color:var(--primary-color);background:rgba(var(--primary-rgb),.08);font-size:10px;white-space:nowrap}.fulfillment-filter-bar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-alt)}.fulfillment-filter-bar .message-date-field{width:185px}.fulfillment-stage-filter{width:190px}.fulfillment-stage-filter .message-date-label{display:block}.fulfillment-stage-filter .client-theme-select-trigger{height:40px}.fulfillment-filter-bar>button{width:auto;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;font-size:10.5px}.fulfillment-table-card{overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.fulfillment-table-shell{overflow:auto;padding:0;border:0;border-radius:0}.fulfillment-table-shell table{min-width:1050px}.fulfillment-table-shell thead{background:var(--surface-alt)}.fulfillment-table-shell th{padding-top:11px;padding-bottom:11px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.fulfillment-table-shell td{padding-top:11px;padding-bottom:11px;vertical-align:middle}.fulfillment-table-shell tbody tr{transition:background .15s ease}.fulfillment-table-shell tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.fulfillment-client,.fulfillment-card,.fulfillment-date{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:10.5px;white-space:nowrap}.fulfillment-client svg,.fulfillment-card svg,.fulfillment-date svg{color:var(--primary-color)}.fulfillment-client-id{display:block;margin-top:3px;color:var(--text-dim);font:9px var(--font-mono)}.fulfillment-card{text-transform:capitalize}.fulfillment-date{color:var(--text-dim)}.fulfillment-stage{display:inline-flex;align-items:center;gap:4px;max-width:220px;font-size:9px;white-space:nowrap}.fulfillment-tracking{padding:3px 6px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--surface-alt);font:9.5px var(--font-mono)}.fulfillment-muted{color:var(--text-dim);font-size:9.5px}.fulfillment-row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:6px}.fulfillment-row-actions button{width:auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:9.5px;white-space:nowrap}.fulfillment-assign-control{display:flex;align-items:center;gap:5px}.fulfillment-assign-control .client-theme-select{width:165px}.fulfillment-assign-control .client-theme-select-trigger{height:32px;font-size:10px}.fulfillment-empty-cell{padding:28px!important;color:var(--text-dim);text-align:center}[data-theme=dark] .fulfillment-page-header,[data-theme=dark] .fulfillment-section{box-shadow:0 12px 30px #00000038}@media (max-width: 850px){.fulfillment-page-header{align-items:flex-start;flex-direction:column}.fulfillment-page-stats{width:100%}.fulfillment-page-stats>div{flex:1;min-width:0}}@media (max-width: 600px){.fulfillment-page-header,.fulfillment-section{padding:15px}.fulfillment-page-heading{align-items:flex-start}.fulfillment-page-icon{width:42px;height:42px;flex-basis:42px}.fulfillment-filter-bar .message-date-field,.fulfillment-stage-filter{width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}.fulfillment-filter-bar>button{flex:1}}@media (max-width: 430px){.fulfillment-filter-bar .message-date-field,.fulfillment-stage-filter{width:100%;flex-basis:100%}}.poster-orders-page{width:100%;max-width:1240px;margin:0 auto;padding-bottom:28px}.poster-orders-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:20px 22px;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:radial-gradient(circle at 88% 12%,rgba(var(--primary-rgb),.16),transparent 32%),linear-gradient(135deg,var(--surface),rgba(var(--primary-rgb),.055));box-shadow:0 10px 28px #1118270e}.poster-orders-heading{min-width:0;display:flex;align-items:center;gap:13px}.poster-orders-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:13px;color:#fff;background:linear-gradient(145deg,var(--primary-color),#18b8ae);box-shadow:0 8px 20px rgba(var(--primary-rgb),.22)}.poster-orders-kicker{margin:0 0 3px!important;color:var(--primary-color)!important;font:800 9px/1.2 var(--font-mono);letter-spacing:.13em;text-transform:uppercase}.poster-orders-heading h1{margin:0;font-size:clamp(22px,2.2vw,29px)}.poster-orders-heading h1+p{margin:4px 0 0;color:var(--text-dim);font-size:11.5px}.poster-orders-heading h1+p b{color:var(--text)}.poster-orders-summary{min-width:105px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:11px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.poster-orders-summary strong{color:var(--text);font-size:18px;line-height:1}.poster-orders-summary span{color:var(--text-dim);font-size:9.5px;font-weight:700}.poster-orders-section{position:relative;z-index:2;margin-bottom:16px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:0 10px 28px #1118270d}.poster-orders-section-head{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.poster-orders-section-head>span{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(var(--primary-rgb),.15);border-radius:10px;color:var(--primary-color);background:rgba(var(--primary-rgb),.09)}.poster-orders-section-head h2{margin:1px 0 3px;font-size:16px}.poster-orders-section-head .subtitle{margin:0;font-size:11.5px}.poster-orders-section .poster-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px auto;align-items:end;gap:10px;margin-bottom:16px;padding:12px;border:1px solid var(--border);border-radius:11px;background:var(--surface-alt)}.poster-orders-section .poster-filter-bar .message-date-field{width:100%}.poster-orders-section .poster-search-field{position:relative;min-width:0;display:block;margin:0}.poster-orders-section .poster-search-field>span{display:block;margin-bottom:6px;color:var(--text-dim);font-size:10.5px;font-weight:700}.poster-orders-section .poster-search-field>svg{position:absolute;left:12px;bottom:12px;color:var(--primary-color);pointer-events:none}.poster-orders-section .poster-search-field input{height:40px;padding:0 12px 0 36px;font-size:12px}.poster-orders-section .poster-filter-btns{height:40px;display:flex;align-items:stretch;gap:7px}.poster-orders-section .poster-filter-btns button{width:auto;min-width:78px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 11px;font-size:10.5px}.poster-orders-table{overflow:auto;padding:0;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.poster-orders-table table{min-width:1120px}.poster-orders-table thead{background:var(--surface-alt)}.poster-orders-table th{padding-top:11px;padding-bottom:11px;color:var(--text-dim);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase}.poster-orders-table td{padding-top:11px;padding-bottom:11px;vertical-align:middle}.poster-orders-table tbody tr{transition:background .15s ease}.poster-orders-table tbody tr:hover{background:rgba(var(--primary-rgb),.035)}.poster-order-number{padding:3px 6px;border:1px solid var(--border);border-radius:5px;color:var(--text);background:var(--surface-alt);font:9.5px var(--font-mono);white-space:nowrap}.poster-order-client,.poster-order-amount,.poster-order-date{display:inline-flex;align-items:center;gap:5px;color:var(--text);font-size:10.5px;white-space:nowrap}.poster-order-client svg,.poster-order-amount svg,.poster-order-date svg{color:var(--primary-color)}.poster-order-date{color:var(--text-dim)}.poster-order-address{min-width:220px;max-width:285px;font-size:10px}.poster-order-address>div:first-child{display:flex;align-items:center;gap:5px;color:var(--text);font-weight:700}.poster-order-address>div:first-child svg{flex:0 0 auto;color:var(--primary-color)}.poster-order-address p{margin:3px 0 0;color:var(--text-dim);line-height:1.4}.poster-order-pricing-cell{min-width:175px;padding-right:20px!important}.poster-order-pricing{width:100%;max-width:180px;display:flex;flex-direction:column;gap:4px}.poster-order-price-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;line-height:1.35;white-space:nowrap}.poster-order-price-label{color:var(--text-dim);font-size:10.5px;font-weight:500}.poster-order-price-value{color:var(--text);font-weight:600;font-family:var(--font-mono, inherit);font-size:11px}.poster-order-price-row.poster-order-total{margin-top:5px;padding-top:5px;border-top:1px dashed var(--border)}.poster-order-price-row.poster-order-total .poster-order-price-label{color:var(--text);font-weight:700;font-size:11px}.poster-order-price-row.poster-order-total .poster-order-price-value{color:var(--primary-color);font-weight:800;font-size:12px;display:inline-flex;align-items:center;gap:2px}.poster-order-actions{display:flex;align-items:flex-start;flex-direction:column;gap:5px}.poster-order-actions button{width:auto;min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;font-size:9.5px;white-space:nowrap}.poster-orders-empty{padding:28px!important;color:var(--text-dim);text-align:center}.poster-orders-load-more{width:auto;display:block;margin:16px auto 0;padding:8px 18px;font-size:10.5px}[data-theme=dark] .poster-orders-header,[data-theme=dark] .poster-orders-section{box-shadow:0 12px 30px #00000038}@media (max-width: 900px){.poster-orders-section .poster-filter-bar{grid-template-columns:1fr 1fr}.poster-orders-section .poster-search-field,.poster-orders-section .poster-filter-btns{grid-column:1 / -1}}@media (max-width: 650px){.poster-orders-header{align-items:flex-start;flex-direction:column}.poster-orders-summary{width:100%}.poster-orders-section .poster-filter-btns button{flex:1}}@media (max-width: 500px){.poster-orders-header,.poster-orders-section{padding:15px}.poster-orders-heading{align-items:flex-start}.poster-orders-icon{width:42px;height:42px;flex-basis:42px}.poster-orders-section .poster-filter-bar{grid-template-columns:1fr}.poster-orders-section .poster-search-field,.poster-orders-section .poster-filter-btns{grid-column:auto}}