@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@500;600&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{color:#1e293b;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--primary:#7c3aed;--primary-hover:#6d28d9;--primary-soft:#f3e8ff;--secondary:#a78bfa;--cta:#f97316;--text:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-strong:#cbd5e1;--surface:#fff;--surface-muted:#f8fafc;--danger:#dc2626;--danger-soft:#fef2f2;--radius-sm:8px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #7c3aed1a;background:#faf5ff;font-family:Fira Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(circle at 0 0,#ede9fe 0%,#faf5ff 42%,#fff7ed 100%);min-height:100vh;margin:0}#root{min-height:100vh}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #e9d5ff;box-shadow:0 10px 28px #7c3aed1f}.admin-shell{grid-template-columns:286px 1fr;min-height:100vh;display:grid}.sidebar{border-radius:24px;flex-direction:column;gap:14px;margin:20px;padding:22px 18px;display:flex}.brand{color:#4c1d95;cursor:pointer;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.brand-dot{background:linear-gradient(135deg, var(--primary), var(--cta));border-radius:999px;width:12px;height:12px}.brand-subtitle{color:#7e22ce;margin:0;font-size:12px}.menu{flex-direction:column;gap:8px;display:flex}.menu-item{color:#6d28d9;cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover,.menu-item.active{color:#4c1d95;background:#f3e8ff}.profile-card{border:1px solid #e9d5ff;border-radius:14px;justify-content:space-between;align-items:center;margin-top:auto;padding:12px;display:flex}.profile-actions{align-items:center;gap:6px;display:flex}.profile-name{margin:0;font-weight:600}.profile-role{color:#7e22ce;margin:0;font-size:12px}.profile-region{color:var(--secondary);margin-top:2px;font-size:11px;font-weight:400}.icon-btn{cursor:pointer;color:#6d28d9;background:#f3e8ff;border:none;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.main-panel{min-width:0;padding:20px 20px 20px 0}.admin-mobile-header,.admin-shell__backdrop,.sidebar__head,.sidebar__close{display:none}.sidebar__head{justify-content:space-between;align-items:center;gap:12px}.panel{border-radius:20px;padding:18px}.page-header{margin-bottom:16px}.page-header h2{color:var(--text);margin:0;font-size:28px}.page-header p{color:var(--text-muted);margin:6px 0 0}.ui-page{gap:16px;display:grid}.ui-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.ui-page-header__title{color:var(--text);letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:700}.ui-page-header__desc{max-width:62ch;color:var(--text-muted);margin:0;font-size:14px;line-height:1.55}.ui-page-header__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.ui-btn{border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.ui-btn:active:not(:disabled){transform:scale(.98)}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--sm{border-radius:var(--radius-sm);min-height:32px;padding:0 12px;font-size:13px}.ui-btn--primary{color:#fff;background:linear-gradient(135deg, var(--primary), #8b5cf6);box-shadow:var(--shadow-sm)}.ui-btn--primary:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-hover), var(--primary))}.ui-btn--secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--surface-muted);border-color:#94a3b8}.ui-btn--ghost{color:var(--primary);background:0 0;border-color:#0000}.ui-btn--ghost:hover:not(:disabled){background:var(--primary-soft)}.ui-btn--danger{color:var(--danger);background:var(--surface);border-color:#fecaca}.ui-btn--danger:hover:not(:disabled){background:var(--danger-soft);border-color:#fca5a5}.ui-btn--danger-solid{color:#fff;background:linear-gradient(135deg, #ef4444, var(--danger))}.ui-btn--danger-solid:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.ui-panel{padding:20px}.ui-panel--flush{padding:0;overflow:auto}.ui-panel--flush .data-table th:first-child,.ui-panel--flush .data-table td:first-child{padding-left:20px}.ui-panel--flush .data-table th:last-child,.ui-panel--flush .data-table td:last-child{padding-right:20px}.login-card>p.ui-page-header__desc{margin-bottom:8px}.stat-card h3{color:var(--text)}.ui-empty{text-align:center;padding:56px 24px}.ui-empty__title{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:600}.ui-empty__hint{color:var(--text-muted);margin:0;max-width:40ch;margin-inline:auto;font-size:14px}.ui-field{gap:6px;display:grid}.ui-field__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ui-field__label{color:var(--text);font-size:13px;font-weight:600}.ui-field__required{color:#b45309;background:#fef3c7;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:500}.ui-field__hint{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.ui-field__hint--warn{color:#b45309}.ui-field__error{color:var(--danger);margin:0;font-size:12px}.ui-input,.ui-field__control .ui-input,.ui-field__control select.ui-input,.ui-field__control textarea.ui-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text);background:var(--surface);padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.ui-field__control textarea.ui-input{resize:vertical;min-height:96px;line-height:1.5}.ui-input:focus,.ui-field__control select.ui-input:focus,.ui-field__control textarea.ui-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.ui-input::placeholder,.ui-field__control textarea.ui-input::placeholder{color:#94a3b8}.ui-input:disabled,.ui-field__control select.ui-input:disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed}.ui-select{width:100%;position:relative}.ui-select__trigger{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;padding:9px 36px 9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s;position:relative}.ui-select__trigger:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.ui-select--open .ui-select__trigger{border-color:var(--primary);box-shadow:0 0 0 3px #7c3aed26}.ui-select__value.is-placeholder{color:#94a3b8}.ui-select__chevron{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);pointer-events:none;width:8px;height:8px;transition:transform .15s;position:absolute;top:50%;right:12px;transform:translateY(-65%)rotate(45deg)}.ui-select--open .ui-select__chevron{transform:translateY(-35%)rotate(-135deg)}.ui-select__menu{z-index:3000;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);max-height:240px;box-shadow:var(--shadow-md);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.ui-select__menu--portal{position:fixed;top:auto;right:auto}.ui-select__option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;padding:9px 10px;font-size:14px}.ui-select__option:hover{background:var(--primary-soft);color:#4c1d95}.ui-select__option.is-active{background:var(--primary-soft);color:#4c1d95;font-weight:600}.ui-select--disabled .ui-select__trigger{opacity:.65;cursor:not-allowed;background:var(--surface-muted)}.biz-line-switcher .ui-select{min-width:132px}.biz-line-switcher .ui-select__trigger{min-height:36px;padding-top:7px;padding-bottom:7px;font-size:13px}.ui-form{gap:18px;display:grid}.communities-filter-bar .ui-select,.notifications-toolbar .ui-select{min-width:140px}.communities-filter-select.ui-select{flex:1;min-width:120px}.ui-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ui-form-row-3{grid-template-columns:repeat(3,1fr)}.ui-modal__header{border-bottom:1px solid var(--border);z-index:100;background:var(--surface);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex;position:sticky;top:0}.ui-modal__close{border-radius:var(--radius-md);background:var(--surface-muted);width:40px;height:40px;color:var(--text-muted);cursor:pointer;z-index:101;border:none;flex-shrink:0;place-items:center;display:grid;position:relative}.ui-modal__header-main{flex:1;min-width:0}.ui-modal__close:hover{background:var(--primary-soft);color:var(--primary-hover)}.ui-modal__title{color:var(--text);margin:0 0 4px;font-size:18px;font-weight:700}.ui-modal__desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.ui-modal__body{-webkit-overflow-scrolling:touch;z-index:1;flex:1;gap:16px;min-height:0;display:grid;position:relative;overflow:hidden auto}.ui-modal__footer{border-top:1px solid var(--border);z-index:100;background:var(--surface);flex-shrink:0;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;display:flex;position:sticky;bottom:0}.ui-modal--wide{width:min(720px,100%)}.ui-dialog-mask{z-index:2500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#4c1d955c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ui-dialog-card{text-align:center;border-radius:16px;width:min(420px,100%);padding:22px 22px 18px}.ui-dialog-card--danger{border-color:#fecaca}.ui-dialog__icon{width:48px;height:48px;color:var(--primary);background:var(--primary-soft);border:1px solid #e9d5ff;border-radius:999px;place-items:center;margin:0 auto 14px;display:grid}.ui-dialog__icon--danger{color:var(--danger);background:var(--danger-soft);border-color:#fecaca}.ui-dialog__title{color:var(--text);margin:0 0 8px;font-size:18px;font-weight:700}.ui-dialog__message{color:var(--text-muted);margin:0 0 18px;font-size:14px;line-height:1.55}.ui-dialog-card .ui-field{text-align:left;margin-bottom:8px}.ui-dialog__actions{justify-content:center;gap:10px;margin-top:18px;display:flex}.ui-dialog__actions .ui-btn{min-width:96px}.ui-section-title{color:var(--text);margin:0;font-size:14px;font-weight:600}.ui-filter-bar{max-width:480px}.ui-table-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ui-table-actions--compact{flex-wrap:nowrap;gap:4px}.ui-table-actions--compact .table-btn{min-height:28px;padding:0 8px;font-size:12px}.ui-modal-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.ui-sku-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ui-sku-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.ui-sku-item__main{flex:1;gap:6px;min-width:0;display:grid}.ui-sku-item__title{color:var(--text);margin:0;font-size:14px;font-weight:600}.ui-sku-item__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.ui-sku-item__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.ui-sku-item__actions .table-btn{min-height:28px;padding:0 8px;font-size:12px}.ui-sku-actions{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.ui-sku-actions .table-btn{min-height:28px;padding:0 8px;font-size:12px}.ui-sku-actions-col{white-space:nowrap;min-width:112px}.data-table--compact th,.data-table--compact td{padding:8px 6px;font-size:13px}.data-table--compact .ui-sku-actions-col{min-width:112px}.ui-modal .ui-sku-actions-col,.ui-modal-table-wrap .ui-sku-actions-col{z-index:auto;box-shadow:none;background:0 0;position:static}.ui-modal .ui-sku-actions,.ui-modal-table-wrap .ui-sku-actions{z-index:0;position:relative}.ui-table-panel{-webkit-overflow-scrolling:touch;overflow-x:auto}.ui-table-actions-col{min-width:168px}@media (width<=1024px){.ui-table-panel .data-table .ui-table-actions-col{z-index:2;background:var(--surface);position:sticky;right:0;box-shadow:-6px 0 12px #0f172a14}.ui-table-panel .data-table thead .ui-table-actions-col{background:var(--surface-muted)}}.ui-pagination{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:16px;margin-top:16px;padding-top:16px;display:flex}.ui-cell-name{align-items:center;gap:10px;display:flex}.ui-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--primary-soft);flex-shrink:0;width:36px;height:36px}.ui-thumb-placeholder{border-radius:var(--radius-sm);background:linear-gradient(135deg,#ede9fe,#e2e8f0);flex-shrink:0;width:36px;height:36px}.ui-text-muted{color:var(--text-muted);font-size:13px}.ui-quick-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ui-quick-card{color:inherit;border-radius:var(--radius-lg);padding:18px;text-decoration:none;transition:transform .15s,box-shadow .15s}.ui-quick-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ui-quick-card h3{color:var(--text);margin:0 0 4px;font-size:15px}.ui-quick-card p{color:var(--text-muted);margin:0;font-size:13px}.ui-image-upload{gap:10px;display:grid}.ui-image-upload__preview-wrap{border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--surface-muted);place-items:center;width:120px;height:120px;display:grid;overflow:hidden}.ui-image-upload__preview{object-fit:cover;width:100%;height:100%}.ui-image-upload__placeholder{color:var(--text-muted);font-size:13px}.ui-image-upload__actions{flex-wrap:wrap;gap:8px;display:flex}.ui-alert{border-radius:var(--radius-md);background:var(--danger-soft);color:#991b1b;border:1px solid #fecaca;padding:12px 14px;font-size:14px}.ui-alert--info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}@media (width<=900px){.ui-form-row,.ui-form-row-3{grid-template-columns:1fr}.ui-quick-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.ui-quick-grid{grid-template-columns:1fr}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.stat-card{background:#fff;border:1px solid #e9d5ff;border-radius:16px;padding:16px}.stat-card p{color:#7e22ce;margin:0;font-size:14px}.stat-card h3{color:#4c1d95;margin:10px 0 0;font-family:Fira Code,monospace;font-size:28px}.tone-purple{box-shadow:inset 0 0 0 1px #ddd6fe}.tone-orange{box-shadow:inset 0 0 0 1px #fed7aa}.tone-violet{box-shadow:inset 0 0 0 1px #c4b5fd}.tone-indigo{box-shadow:inset 0 0 0 1px #a5b4fc}.tone-green{box-shadow:inset 0 0 0 1px #bbf7d0}.tone-blue{box-shadow:inset 0 0 0 1px #bfdbfe}.tone-teal{box-shadow:inset 0 0 0 1px #99f6e4}.trend{align-items:flex-end;gap:14px;min-height:180px;margin-top:16px;display:flex}.trend-col{text-align:center;flex:1}.bars{justify-content:center;align-items:flex-end;gap:6px;height:140px;margin-bottom:8px;display:flex}.bar{border-radius:6px 6px 0 0;width:18px;transition:opacity .2s}.bar:hover{opacity:.75}.bar.submit{background:var(--secondary)}.bar.approved{background:var(--cta)}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid #f3e8ff;padding:12px 8px}.data-table th{color:var(--text-secondary);font-size:13px;font-weight:600}.mono{font-family:Fira Code,monospace;font-size:12px}.pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill.active,.pill.approved{color:#166534;background:#dcfce7}.pill.banned,.pill.rejected{color:#991b1b;background:#fee2e2}.pill.pending{color:#5b21b6;background:#ede9fe}.pill.violet{color:#7c3aed;background:#f3e8ff}.table-btn{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);min-height:32px;color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.table-btn:hover:not(:disabled){background:var(--surface-muted);border-color:#94a3b8}.table-btn:active:not(:disabled){transform:scale(.98)}.table-btn:disabled{opacity:.55;cursor:not-allowed}.table-btn.approve{color:#166534;background:#ecfdf5;border-color:#bbf7d0}.table-btn.approve:hover:not(:disabled){background:#dcfce7}.table-btn.reject{background:var(--danger-soft);color:#991b1b;border-color:#fecaca}.table-btn.reject:hover:not(:disabled){background:#fee2e2}.table-btn.edit{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.ui-filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.ui-filter-tab{border:1px solid var(--border-strong);background:var(--surface);min-height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.ui-filter-tab:hover{background:var(--surface-muted)}.ui-filter-tab.active{background:var(--primary-soft);color:var(--primary-hover);border-color:#c4b5fd}.ui-detail-list{grid-template-columns:120px 1fr;gap:8px 16px;margin:0 0 16px;font-size:14px;display:grid}.ui-detail-label{color:var(--text-muted);margin:0;font-weight:500}.ui-detail-value{color:var(--text);word-break:break-word;margin:0}.ui-section-head{color:var(--text);margin:0 0 14px;font-size:16px;font-weight:700}.loading{text-align:center;color:var(--text-muted);padding:40px 24px;font-size:14px}@media (width<=640px){.ui-detail-list{grid-template-columns:1fr;gap:4px}.ui-detail-label{font-size:12px}}.actions{gap:8px;display:flex}.form-grid{gap:12px;max-width:360px;display:grid}.form-grid label{color:#6d28d9;gap:8px;font-size:14px;display:grid}.toggle-row{background:#ffffffb3;border:1px solid #e9d5ff;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:14px 12px;display:flex}.toggle-text{flex-direction:column;gap:6px;display:flex}.toggle-title{color:#4c1d95;font-size:14px;font-weight:600}.toggle-desc{color:#7e22ce;opacity:.85;font-size:12px}.toggle-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.toggle-switch{width:48px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#f3e8ff;border:1px solid #e9d5ff;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:999px;width:22px;height:22px;transition:all .2s;position:absolute;top:2px;left:3px;box-shadow:0 4px 14px #7c3aed2e}.toggle-switch input:checked+.toggle-slider{background:#dcfce7;border-color:#bbf7d0}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-switch input:disabled+.toggle-slider{opacity:.65;cursor:not-allowed}.toggle-saving{color:#94a3b8;font-size:12px}.split-grid{grid-template-columns:340px 1fr;gap:16px;display:grid}.admin-form{flex-direction:column;gap:16px;display:flex}.admin-form .primary-btn,.admin-form .ui-btn--primary{width:100%}input:not([class]),select:not([class]),textarea:not([class]),input.field-input,select.field-input,textarea.field-input{border-radius:var(--radius-md);border:1px solid var(--border-strong);width:100%;min-height:40px;color:var(--text);background:var(--surface);padding:9px 12px;font-size:14px}input:not([class]):focus,select:not([class]):focus,textarea:not([class]):focus,input.field-input:focus,select.field-input:focus,textarea.field-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}textarea:not([class]),textarea.field-input{resize:vertical;min-height:120px;line-height:1.55}input::placeholder,textarea::placeholder{color:#94a3b8}.field{gap:8px;display:grid}.field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.field-label,.ui-field__label{color:var(--text);font-size:13px;font-weight:600}.field-meta{color:var(--text-muted);background:var(--surface-muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:11px}.field-help,.ui-field__hint{color:var(--text-muted);margin:6px 0 0;font-size:13px;line-height:1.5}.field-error{color:#b91c1c;margin:0;font-size:12px}.primary-btn{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg, var(--primary), #8b5cf6);white-space:nowrap;cursor:pointer;min-height:40px;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.65;cursor:not-allowed}.login-page{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border-radius:20px;width:min(460px,100%);padding:28px}.login-card h1{color:#4c1d95;margin:0}.login-card label{color:var(--text);margin-bottom:14px;font-size:14px;font-weight:500;display:block}.login-card label .ui-input{width:100%;margin-top:6px;display:block}.login-card p{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.5}.error-tip{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;padding:8px 10px;font-size:13px}.demo-tip{margin-top:12px;font-size:12px}.not-found{text-align:center;place-items:center;min-height:100vh;display:grid}.inline-btn{text-decoration:none}.loading{color:#6d28d9;padding:26px 12px}.toast-host{z-index:3000;flex-direction:column;gap:10px;display:flex;position:fixed;top:16px;right:16px}.toast{color:#4c1d95;background:#ffffffe6;border:1px solid #e9d5ff;border-radius:12px;min-width:260px;max-width:min(420px,100vw - 40px);padding:10px 12px;box-shadow:0 12px 24px #7c3aed2e}.toast-info{border-color:#ddd6fe}.toast-success{border-color:#bbf7d0}.toast-error{border-color:#fecaca}.modal-mask{z-index:2000;background:#4c1d9552;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:hidden}.modal-card{scrollbar-width:none;-ms-overflow-style:none;border-radius:18px;width:min(900px,100%);max-height:calc(100vh - 40px);padding:16px;overflow:hidden}.modal-card.ui-modal{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-card.ui-modal .ui-modal__header{z-index:200;flex-shrink:0;padding-right:52px;position:relative}.modal-card.ui-modal .ui-modal__close{z-index:202;position:absolute;top:16px;right:16px}.modal-card.ui-modal .ui-modal__body{z-index:1;isolation:auto;flex:1;min-height:0;padding-bottom:12px;overflow:hidden auto}.modal-card.ui-modal .ui-modal__footer{z-index:200;background:var(--surface);flex-shrink:0;margin-top:auto;position:relative;box-shadow:0 -4px 16px #0f172a14}.modal-card.ui-modal .ui-sku-item,.modal-card.ui-modal .ui-sku-item__actions{z-index:auto;position:relative}.modal-card::-webkit-scrollbar{width:0;height:0;display:none}.modal-card h3{margin-top:0}.id-preview-grid{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;display:grid}.id-preview-grid img{object-fit:cover;border:1px solid #e9d5ff;border-radius:12px;width:100%;height:220px}.review-textarea{resize:vertical;border:1px solid #e9d5ff;border-radius:10px;width:100%;min-height:88px;margin-bottom:10px;padding:10px}.reason-templates{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.template-btn{font-size:12px;line-height:1.3}.draft-actions{margin-bottom:10px}.timeline{border:1px solid #ede9fe;border-radius:12px;max-height:180px;margin:10px 0;padding:10px;overflow:auto}.timeline-item{border-bottom:1px dashed #e9d5ff;gap:8px;padding:8px 0;display:flex}.timeline-item:last-child{border-bottom:none}.timeline-dot{background:#7c3aed;border-radius:999px;width:8px;height:8px;margin-top:6px}.timeline-main,.timeline-sub,.timeline-time,.timeline-empty{margin:0}.timeline-sub{color:#6d28d9;font-size:13px}.timeline-time{color:#8b5cf6;font-size:12px}.draft-drawer{border-radius:16px;width:min(820px,100%);padding:14px}.draft-drawer-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.draft-drawer-head h3{margin:0}.draft-list{flex-direction:column;gap:10px;max-height:60vh;display:flex;overflow:auto}.draft-item{border:1px solid #ede9fe;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.btn-secondary,.ghost-btn{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);min-height:40px;color:var(--text);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn-secondary:hover,.ghost-btn:hover{background:var(--surface-muted);border-color:#94a3b8}.btn-secondary:active:not(:disabled),.ghost-btn:active:not(:disabled){transform:scale(.98)}.ghost-btn.danger,.btn-secondary.danger{color:var(--danger);border-color:#fecaca}.ghost-btn.danger:hover,.btn-secondary.danger:hover{background:var(--danger-soft);border-color:#fca5a5}.admin-row-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.admin-row-actions .btn-secondary{min-height:32px;padding:0 10px;font-size:12px}.field-input,.ui-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text);background:var(--surface);padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus,.ui-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #7c3aed26}.modal-overlay{z-index:100;background:#4c1d9559;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card:not(.ui-modal){border-radius:20px;width:min(560px,100%);max-height:85vh;padding:22px;overflow:auto}.promo-path{color:#6d28d9;word-break:break-all;font-size:11px}.community-bind-mask{z-index:2100}.community-bind-modal{border-radius:22px;flex-direction:column;gap:14px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:22px 24px 20px;display:flex;overflow:hidden}.community-bind-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.community-bind-header h3{color:#4c1d95;margin:4px 0 0;font-size:24px}.community-bind-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8b5cf6;margin:0;font-size:12px;font-weight:600}.community-bind-close{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #e9d5ff;border-radius:12px;width:36px;height:36px;font-size:22px;line-height:1;transition:background .2s,border-color .2s}.community-bind-close:hover:not(:disabled){background:#f3e8ff;border-color:#c4b5fd}.community-bind-close:disabled{opacity:.5;cursor:not-allowed}.community-bind-agent-card{background:linear-gradient(135deg,#f3e8ffd9,#fffffff2);border:1px solid #e9d5ff;border-radius:16px;align-items:center;gap:14px;padding:14px 16px;display:flex}.community-bind-agent-avatar{color:#fff;background:linear-gradient(135deg,#7c3aed,#a78bfa);border-radius:14px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:grid}.community-bind-agent-meta{flex:1;min-width:0}.community-bind-agent-name{color:#4c1d95;margin:0;font-size:17px;font-weight:600}.community-bind-agent-sub,.community-bind-agent-region{color:#7e22ce;margin:4px 0 0;font-size:13px}.community-bind-notice{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.community-bind-notice-icon{color:#78350f;background:#fbbf24;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid}.community-bind-notice p{color:#92400e;margin:0;font-size:13px;line-height:1.5}.community-bind-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.community-bind-search{flex:240px;position:relative}.community-bind-search .field-input{padding-left:36px}.community-bind-search-icon{color:#a78bfa;pointer-events:none;font-size:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.community-bind-toolbar-actions{gap:8px;display:flex}.community-bind-summary{color:#6d28d9;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.community-bind-summary strong{color:#4c1d95;font-family:Fira Code,monospace}.community-bind-list{flex:1;min-height:180px;max-height:min(42vh,360px);margin:0;padding-right:4px;overflow:auto}.community-bind-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.community-bind-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e9d5ff;border-radius:14px;padding:14px 14px 12px 42px;transition:border-color .2s,box-shadow .2s,transform .15s,background .2s;position:relative}.community-bind-card:hover{border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 8px 20px #7c3aed1a}.community-bind-card.is-selected{background:linear-gradient(#faf5ff 0%,#fff 100%);border-color:#7c3aed;box-shadow:inset 0 0 0 1px #7c3aed2e,0 10px 24px #7c3aed1f}.community-bind-card-check{color:#fff;background:#fff;border:1px solid #d8b4fe;border-radius:6px;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid;position:absolute;top:14px;left:12px}.community-bind-card.is-selected .community-bind-card-check{background:#7c3aed;border-color:#7c3aed}.community-bind-card-name{color:#4c1d95;font-size:15px;font-weight:600;line-height:1.35;display:block}.community-bind-card-region{color:#7e22ce;margin-top:6px;font-size:12px;display:block}.community-bind-card-address{color:#8b5cf6;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;line-height:1.4;display:block;overflow:hidden}.community-bind-card-id{color:#6d28d9;background:#f3e8ff;border-radius:999px;margin-top:10px;padding:2px 8px;font-family:Fira Code,monospace;font-size:11px;display:inline-block}.community-bind-empty{text-align:center;background:#ffffffa6;border:1px dashed #ddd6fe;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:220px;display:flex}.community-bind-empty-icon{color:#7c3aed;background:#f3e8ff;border-radius:16px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.community-bind-empty p{color:#4c1d95;margin:0;font-size:16px;font-weight:600}.community-bind-footer{border-top:1px solid #f3e8ff;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.communities-page .communities-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.communities-layout{grid-template-columns:minmax(300px,360px) 1fr;align-items:start;gap:16px;display:grid}.communities-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.communities-panel-head h3{color:#4c1d95;margin:4px 0 0;font-size:22px}.communities-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8b5cf6;margin:0;font-size:12px;font-weight:600}.communities-create-form{flex-direction:column;gap:14px;display:flex}.communities-region-grid{gap:12px;display:grid}.communities-create-btn{margin-top:4px}.communities-filter-bar{grid-template-columns:minmax(180px,1.4fr) repeat(3,minmax(120px,1fr)) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.communities-search{position:relative}.communities-search .field-input{padding-left:36px}.communities-filter-select{min-width:0}.communities-filter-actions{gap:8px;display:flex}.communities-filter-actions .primary-btn,.communities-filter-actions .btn-secondary{white-space:nowrap}.communities-list-summary{color:#6d28d9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.communities-list-summary strong{color:#4c1d95;font-family:Fira Code,monospace}.communities-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.community-item-card{background:linear-gradient(#fffffffa,#faf5ffeb);border:1px solid #e9d5ff;border-radius:16px;padding:16px;transition:border-color .2s,box-shadow .2s,transform .15s}.community-item-card:hover{border-color:#c4b5fd;transform:translateY(-1px);box-shadow:0 10px 24px #7c3aed1a}.community-item-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.community-item-head h4{color:#4c1d95;margin:0;font-size:16px;line-height:1.4}.community-item-id{color:#6d28d9;background:#f3e8ff;border-radius:999px;flex-shrink:0;padding:2px 8px}.community-item-region{color:#7e22ce;margin:10px 0 0;font-size:13px}.community-item-address{color:#8b5cf6;margin:8px 0 0;font-size:12px;line-height:1.5}.community-item-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.community-item-poi{color:#7e22ce;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.communities-empty{text-align:center;color:#6d28d9;background:#ffffffa6;border:1px dashed #ddd6fe;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;display:flex}.communities-empty p{color:#4c1d95;margin:0;font-size:16px;font-weight:600}.checkbox-row{color:#4c1d95;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.service-card-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:16px;display:grid}.service-card{background:#ffffffe0;border:1px solid #e9d5ff;border-radius:20px;padding:18px;transition:box-shadow .2s;box-shadow:0 8px 24px #7c3aed14}.service-card:hover{box-shadow:0 12px 28px #7c3aed24}.service-card.enabled{border-left:4px solid #22c55e}.service-card.disabled{opacity:.82;border-left:4px solid #ef4444}.sku-tier-panel{background:linear-gradient(#faf5ff 0%,#fff7ed 100%);border:1px solid #e9d5ff;border-radius:14px;margin-top:14px;padding:14px}.sku-tier-head{color:#6d28d9;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:600;display:flex}.sku-tier-table-wrap{overflow-x:auto}.sku-tier-table{border-collapse:collapse;width:100%;font-size:13px}.sku-tier-table th{text-align:left;color:#7e22ce;border-bottom:1px solid #ede9fe;padding:8px 6px;font-weight:600}.sku-tier-table td{vertical-align:middle;border-bottom:1px solid #f5f3ff;padding:8px 6px}.sku-tier-name{color:#4c1d95;font-weight:600;display:block}.sku-tier-code{color:#a78bfa;font-family:Fira Code,monospace;font-size:11px;display:block}.sku-ref-price{color:#6d28d9}.sku-price-input{max-width:120px}.sku-tier-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.sku-tier-empty{color:#a78bfa;text-align:center;padding:12px;font-size:13px}.pill.weight-sku{color:#c2410c;background:#ffedd5}.region-pricing-page .region-pricing-title{align-items:center;gap:10px;display:flex}.region-pricing-region-pill{margin-left:10px}.region-pricing-loading{text-align:center;padding:60px}.region-pricing-filter{margin-bottom:16px}.region-pricing-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.region-pricing-filter-actions{justify-content:flex-end;gap:10px;display:flex}.region-pricing-page .region-pricing-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.region-pricing-table-panel{padding:0;overflow:hidden}.region-pricing-table-wrap{overflow:auto}.region-pricing-table th,.region-pricing-table td{vertical-align:top}.region-pricing-service-cell{align-items:center;gap:10px;display:flex}.region-pricing-service-icon{object-fit:cover;border-radius:10px;flex-shrink:0;width:40px;height:40px}.region-pricing-service-cell strong{color:#4c1d95;display:block}.region-pricing-service-meta{color:#a78bfa;margin-top:4px;font-size:12px;display:block}.region-pricing-price-cell{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.region-pricing-price{color:#4c1d95;font-family:Fira Code,monospace;font-size:14px}.region-pricing-price.highlight{color:#15803d;font-weight:600}.region-pricing-price-ref{color:#8b5cf6;font-size:12px}.region-pricing-row-actions{flex-wrap:wrap;gap:8px;display:flex}.region-pricing-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;padding:32px;display:flex}.region-pricing-empty p{color:#4c1d95;margin:0;font-size:16px;font-weight:600}.region-pricing-modal{border-radius:22px;width:min(720px,100%);max-height:calc(100vh - 40px);padding:22px 24px;overflow:auto}.region-pricing-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.region-pricing-modal-head h3{margin:4px 0 0}.region-pricing-fixed-form{flex-direction:column;gap:14px;display:flex}.region-pricing-modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.panel-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.muted{color:#7e22ce;margin:0 0 12px;font-size:13px}@media (width<=1024px){.admin-shell{min-height:100vh;padding-top:calc(56px + env(safe-area-inset-top));display:block}.admin-mobile-header{z-index:1200;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 12px 0;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;gap:10px;display:flex;position:fixed;top:0;left:0;right:0}.admin-mobile-header__menu,.admin-mobile-header__action{color:#6d28d9;cursor:pointer;background:#f3e8ff;border:none;border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.admin-mobile-header__brand{flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.admin-mobile-header__title{color:#4c1d95;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.admin-shell__backdrop{z-index:1300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#1e103c6b;border:none;padding:0;transition:opacity .22s;display:block;position:fixed;inset:0}.admin-shell--nav-open .admin-shell__backdrop{opacity:1;pointer-events:auto}.sidebar{z-index:1400;overscroll-behavior:contain;width:min(320px,88vw);padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:0 20px 20px 0;margin:0;transition:transform .24s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}.sidebar__head,.sidebar__close{display:flex}.sidebar__close{color:#6d28d9;cursor:pointer;background:#f3e8ff;border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px}.sidebar .brand{min-width:0;font-size:15px}.brand-subtitle{display:none}.menu-item{min-height:48px;padding:14px 16px;font-size:15px}.main-panel{width:100%;padding:12px 12px calc(20px + env(safe-area-inset-bottom))}:is(.panel:has(.data-table),.ui-panel:has(.data-table)){-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-grid,.split-grid{grid-template-columns:1fr 1fr}.id-preview-grid{grid-template-columns:1fr}.community-bind-modal{padding:18px 16px 16px}.community-bind-agent-card{flex-wrap:wrap}.community-bind-toolbar-actions{width:100%}.community-bind-toolbar-actions .btn-secondary{flex:1}.community-bind-grid,.communities-layout{grid-template-columns:1fr}.communities-page .communities-stats{grid-template-columns:1fr 1fr}.communities-filter-bar{grid-template-columns:1fr}.communities-filter-actions{width:100%}.communities-filter-actions .primary-btn,.communities-filter-actions .btn-secondary{flex:1}.communities-grid,.region-pricing-filter-grid{grid-template-columns:1fr}.region-pricing-page .region-pricing-stats{grid-template-columns:1fr 1fr}.ui-page-header{flex-direction:column;align-items:stretch}.ui-page-header__title{font-size:20px}.ui-page-header__actions{flex-wrap:wrap;width:100%}.ui-page-header__actions .ui-btn{flex:1;min-width:calc(50% - 5px);min-height:44px}.ui-filter-bar{max-width:none}.ui-filter-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;margin:0 -4px;padding-bottom:4px;padding-left:4px;padding-right:4px;overflow-x:auto}.ui-filter-tabs::-webkit-scrollbar{display:none}.ui-filter-tab{flex-shrink:0;min-height:40px}.ui-panel{padding:16px}.ui-panel--flush{border-left:none;border-right:none;border-radius:0;margin-left:-16px;margin-right:-16px}.data-table{min-width:680px}.ui-modal .data-table,.data-table--compact{min-width:0}.ui-table-panel .ui-table-actions{flex-flow:wrap;align-items:center;gap:4px;min-width:0}.ui-table-panel .ui-table-actions .ui-btn,.ui-table-panel .ui-table-actions .table-btn{justify-content:center;width:auto;min-height:30px;padding:0 10px;font-size:12px}.ui-table-actions--compact{flex-wrap:nowrap;gap:4px}.ui-table-actions--compact .table-btn{width:auto;min-height:28px;padding:0 8px;font-size:12px}.table-btn{min-height:30px}.ui-pagination{flex-wrap:wrap;gap:10px}.ui-pagination .ui-btn{flex:1;min-height:44px}.modal-mask{align-items:flex-end;padding:0;overflow:hidden}.modal-card{width:100%;max-height:min(92vh,100dvh);padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;flex-direction:column;display:flex;overflow:hidden}.modal-card.ui-modal .ui-modal__header{margin-top:-16px;margin-left:-16px;margin-right:-16px;padding:16px 52px 14px 16px;box-shadow:0 4px 12px #0f172a0f}.modal-card.ui-modal .ui-modal__close{top:16px;right:16px}.modal-card.ui-modal .ui-modal__body{padding-bottom:12px}.ui-sku-item{flex-direction:column;align-items:stretch}.ui-sku-item__actions{border-top:1px solid var(--border);justify-content:flex-end;padding-top:4px}.ui-modal__footer{margin-left:-16px;margin-right:-16px;margin-bottom:calc(-16px - env(safe-area-inset-bottom));padding:12px 16px calc(12px + env(safe-area-inset-bottom));flex-direction:column-reverse;gap:10px;box-shadow:0 -4px 12px #0f172a0f}.ui-modal__footer .ui-btn{width:100%;min-height:44px}.ui-dialog-mask{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));align-items:flex-end}.ui-dialog-card{text-align:left;width:100%}.ui-dialog__actions{flex-direction:column-reverse;gap:10px}.ui-dialog__actions .ui-btn{width:100%;min-height:44px}.ui-detail-list{grid-template-columns:1fr;gap:4px}.ui-detail-list dt{font-size:12px}.login-page{padding:16px;padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom))}.login-card{padding:22px 18px}}@media (width<=640px){.stats-grid,.split-grid,.communities-page .communities-stats,.region-pricing-page .region-pricing-stats,.notifications-page .notifications-stats{grid-template-columns:1fr}.stat-card h3{font-size:24px}.ui-page-header__actions .ui-btn{min-width:100%}.ui-btn{min-height:44px}.ui-input,.ui-select__trigger{min-height:44px;font-size:16px}.ui-select__option{align-items:center;min-height:44px;display:flex}.panel-toolbar{flex-direction:column;align-items:stretch}.reason-templates{gap:6px}.template-btn{min-height:40px;padding:8px 12px}}.notifications-page .notifications-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.notifications-layout{grid-template-columns:minmax(320px,400px) 1fr;align-items:start;gap:16px;display:grid}.notifications-panel-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.notifications-panel-head h3{color:#4c1d95;margin:4px 0 0;font-size:22px}.notifications-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8b5cf6;margin:0;font-size:12px;font-weight:600}.notifications-compose-form{flex-direction:column;gap:14px;display:flex}.notifications-type-pills{flex-wrap:wrap;gap:8px;display:flex}.notifications-type-pill{color:#6d28d9;cursor:pointer;background:#ffffffe6;border:1px solid #e9d5ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.notifications-type-pill:hover{background:#faf5ff;border-color:#c4b5fd}.notifications-type-pill.active.tone-violet{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#f5f3ff);border-color:#7c3aed;box-shadow:0 4px 14px #7c3aed26}.notifications-type-pill.active.tone-orange{color:#c2410c;background:linear-gradient(135deg,#ffedd5,#fff7ed);border-color:#f97316;box-shadow:0 4px 14px #f9731626}.notifications-type-pill.active.tone-purple{color:#7e22ce;background:linear-gradient(135deg,#f3e8ff,#faf5ff);border-color:#a855f7;box-shadow:0 4px 14px #a855f726}.notifications-textarea{resize:vertical;min-height:148px;line-height:1.55}.field-meta.ok{color:#059669}.notifications-preview-block{gap:8px;display:grid}.notifications-preview-label{color:#7c3aed;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.notifications-preview-card{background:linear-gradient(#fffffffa,#faf5fff0);border:1px solid #e9d5ff;border-radius:16px;padding:14px 16px}.notifications-preview-card.tone-violet{border-color:#ddd6fe}.notifications-preview-card.tone-orange{background:linear-gradient(#fffffffa,#fff7edf0);border-color:#fed7aa}.notifications-preview-card.tone-purple{border-color:#e9d5ff}.notifications-preview-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.notifications-preview-time{color:#94a3b8;font-size:12px}.notifications-preview-card h4{color:#4c1d95;margin:0 0 8px;font-size:16px;line-height:1.35}.notifications-preview-card p{color:#475569;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.notifications-type-badge{letter-spacing:.02em;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.notifications-type-badge.tone-violet{color:#6d28d9;background:#ede9fe}.notifications-type-badge.tone-orange{color:#c2410c;background:#ffedd5}.notifications-type-badge.tone-purple{color:#7e22ce;background:#f3e8ff}.notifications-publish-btn{margin-top:2px}.notifications-filter-bar{grid-template-columns:minmax(180px,1.5fr) minmax(120px,.8fr) auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.notifications-search{position:relative}.notifications-search .field-input{padding-left:36px}.notifications-filter-select{min-width:0}.notifications-list-summary{color:#6d28d9;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font-size:13px;display:flex}.notifications-list-summary strong{color:#4c1d95;font-family:Fira Code,monospace}.notifications-list{gap:12px;max-height:min(68vh,720px);padding-right:4px;display:grid;overflow:auto}.notification-item-card{background:linear-gradient(#fffffffa,#faf5ffeb);border:1px solid #e9d5ff;border-radius:16px;padding:16px;transition:border-color .2s,box-shadow .2s}.notification-item-card:hover{border-color:#c4b5fd;box-shadow:0 8px 22px #7c3aed1a}.notification-item-card.tone-orange{border-color:#fed7aa}.notification-item-card.tone-orange:hover{border-color:#fdba74;box-shadow:0 8px 22px #f973161a}.notification-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.notification-item-title-wrap{gap:8px;min-width:0;display:grid}.notification-item-title-wrap h4{color:#4c1d95;word-break:break-word;margin:0;font-size:16px;line-height:1.35}.notification-item-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:12px}.notification-item-content{color:#475569;white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.55}.notification-item-meta{color:#94a3b8;border-top:1px dashed #e9d5ff;flex-wrap:wrap;gap:10px;margin-top:12px;padding-top:10px;font-size:12px;display:flex}.notifications-empty{text-align:center;background:#ffffff8c;border:1px dashed #ddd6fe;border-radius:16px;justify-items:center;gap:8px;padding:48px 20px;display:grid}.notifications-empty-icon{color:#7c3aed;background:#ede9fe;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.notifications-empty p{color:#4c1d95;margin:0;font-size:16px;font-weight:600}.notifications-confirm-modal{width:min(520px,100vw - 32px)}.notifications-confirm-head h3{margin:0 0 6px}.notifications-confirm-head p{color:#6d28d9;margin:0 0 16px;font-size:14px}.notifications-confirm-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}@media (width<=1080px){.notifications-layout,.notifications-page .notifications-stats,.notifications-filter-bar{grid-template-columns:1fr}.notifications-list{max-height:none}}