:root{--bg-app: #f4f6fb;--panel: #ffffff;--panel-border: rgba(0,0,0,.08);--text-main: #0f172a;--text-muted: #475569;--accent: #2563eb;--danger: #dc2626;--radius: 14px;--shadow-soft: 0 10px 30px rgba(0,0,0,.08);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);background:var(--bg-app);color:var(--text-main)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.auth-page{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:linear-gradient(#ffffff73,#ffffffa6),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?q=80&w=2400&auto=format&fit=crop) center / cover no-repeat;z-index:0}.glass-card{position:relative;z-index:1;width:min(460px,calc(100vw - 32px));background:#ffffffa6;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.6);border-radius:18px;box-shadow:0 25px 60px #0000002e}.glass-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,#fff9,#fff0 40%);opacity:.6;pointer-events:none}.card-body{position:relative;padding:24px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:16px}.logo-dot{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 8px 20px #2563eb59}.h1{margin:0;font-size:18px;font-weight:600}.sub{font-size:13px;color:var(--text-muted)}.field{margin-top:14px}.label{display:block;font-size:12px;margin-bottom:6px;color:var(--text-muted)}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--panel-border);background:#ffffffd9;color:var(--text-main)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb26}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}.checkbox{display:flex;gap:8px;font-size:13px;color:var(--text-muted)}.btn{width:100%;margin-top:16px;padding:12px;border-radius:14px;border:none;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;font-weight:500;cursor:pointer;box-shadow:0 10px 25px #2563eb59}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:not-allowed}.alert{margin-top:14px;padding:12px;border-radius:12px;font-size:13px;background:#fee2e2;color:#7f1d1d}.success{background:#e0f2fe;color:#075985}.footer-links{margin-top:16px;display:flex;justify-content:space-between;font-size:13px;color:var(--text-muted)}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid rgba(0,0,0,.08);padding:16px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.app-main{flex:1;min-width:0}.app-topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(0,0,0,.06);background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-topbar-title{font-weight:600;color:var(--text-main)}.app-content{padding:18px}.side-brand{display:flex;gap:12px;align-items:center;padding:10px;border-radius:14px;background:#00000008;border:1px solid rgba(0,0,0,.06);margin-bottom:14px}.side-logo{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,#111,#3b82f6);box-shadow:0 10px 20px #0000001f}.side-brand-name{font-weight:700;letter-spacing:.2px}.side-brand-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.side-section{margin-top:10px}.side-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:10px 6px 8px}.side-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;color:var(--text-main);text-decoration:none;border:1px solid transparent}.side-item:hover{background:#00000008;border-color:#0000000f}.side-item.active{background:#2563eb1a;border-color:#2563eb40}.side-item-disabled{opacity:.55;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.side-dot{width:10px;height:10px;border-radius:999px;background:#00000040}.side-item.active .side-dot{background:#2563eb}.side-badge{margin-left:auto;font-size:11px;padding:3px 8px;border-radius:999px;background:#0000000f;color:#0009}.side-spacer{flex:1}.side-logout{width:100%;padding:10px 12px;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff;cursor:pointer;color:var(--text-main)}.side-logout:hover{background:#00000008}.settings-page{display:flex;flex-direction:column;gap:16px}.settings-hero{padding:18px;border-radius:16px;background:linear-gradient(135deg,#2563eb14,#0ea5e914);border:1px solid rgba(37,99,235,.15)}.settings-hero h1{margin:0 0 4px;font-size:20px;font-weight:700}.settings-hero p{margin:0;color:var(--text-muted);font-size:13px}.settings-shell{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.settings-nav{position:sticky;top:18px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-soft)}.settings-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:var(--text-main);cursor:pointer;text-align:left;font-size:13px;font-weight:600}.settings-nav-item:hover{background:#2563eb14;border-color:#2563eb33}.settings-nav-item.active{background:#2563eb1f;border-color:#2563eb40}.settings-nav-icon{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:#0f172a0f;color:#2563eb}.settings-content{display:flex;flex-direction:column;gap:16px;animation:settingsFade .25s ease}.settings-section{display:flex;flex-direction:column;gap:16px}.settings-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:16px;box-shadow:var(--shadow-soft)}.settings-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-card-title{display:flex;align-items:center;gap:8px}.settings-card-title h2{margin:0;font-size:16px;font-weight:700}.settings-card-subtitle{margin:4px 0 0;color:var(--text-muted);font-size:12px}.settings-card-actions{display:flex;gap:8px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.settings-field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted)}.settings-field-full{grid-column:1 / -1}.settings-input,.settings-select,.settings-textarea{width:100%;border-radius:12px;border:1px solid var(--panel-border);padding:10px 12px;font-size:13px;color:var(--text-main);background:#fff}.settings-input:focus,.settings-select:focus,.settings-textarea:focus{outline:none;border-color:#2563eb80;box-shadow:0 0 0 3px #2563eb1f}.settings-textarea{min-height:90px;resize:vertical}.settings-input-inline{min-width:160px;flex:1;border:none;padding:6px 0;background:transparent}.settings-btn{padding:8px 14px;border-radius:12px;border:1px solid var(--panel-border);background:#fff;color:var(--text-main);font-size:12px;font-weight:600;cursor:pointer}.settings-btn.primary{background:#2563eb;color:#fff;border-color:transparent}.settings-btn.danger{background:#fee2e2;color:#991b1b;border-color:#b91c1c40}.settings-btn:disabled{opacity:.55;cursor:not-allowed}.settings-notice{margin-top:12px;padding:10px 12px;border-radius:12px;font-size:12px;background:#0284c71a;color:#075985}.settings-notice.success{background:#10b9811f;color:#047857}.settings-notice.error{background:#ef44441f;color:#991b1b}.settings-loading,.settings-empty{padding:12px;font-size:13px;color:var(--text-muted)}.settings-badge{padding:2px 8px;border-radius:999px;font-size:11px;background:#2563eb26;color:#1e3a8a}.settings-warning{padding:10px 12px;border-radius:12px;margin:12px 0;background:#f59e0b1f;color:#92400e;font-size:12px}.settings-permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px}.settings-checkbox{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-main)}.settings-role{border:1px solid rgba(15,23,42,.08);border-radius:12px;padding:12px;background:#fff}.settings-role+.settings-role{margin-top:12px}.settings-role-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.settings-role-title{display:flex;align-items:center;gap:8px;flex:1}.settings-role-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-role-list{display:flex;flex-direction:column;gap:12px}.settings-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-tags-input{display:flex;flex-wrap:wrap;gap:6px;align-items:center;flex:1;padding:6px 8px;border-radius:12px;border:1px solid var(--panel-border);background:#fff}.settings-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:#2563eb1a;color:#1e3a8a;font-size:11px}.settings-tag-remove{border:none;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0;color:inherit}.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid var(--panel-border);background:#fff;color:var(--text-main)}.settings-toggle-label{font-weight:600;font-size:13px}.settings-toggle-desc{display:block;font-size:11px;color:var(--text-muted)}.settings-help{font-size:11px;color:var(--text-muted)}.settings-logo-preview{margin-top:12px;border-radius:14px;border:1px dashed rgba(15,23,42,.12);padding:12px;display:grid;place-items:center;min-height:120px;background:#0f172a05}.settings-logo-preview img{max-width:200px;max-height:80px;-o-object-fit:contain;object-fit:contain}.settings-avatar-row{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.settings-avatar-preview{width:96px;height:96px;border-radius:50%;border:1px solid rgba(15,23,42,.12);background:#0f172a0a;display:flex;align-items:center;justify-content:center;overflow:hidden;font-weight:700;color:var(--text-main)}.settings-avatar-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-avatar-actions{display:flex;flex-direction:column;gap:8px}.settings-avatar-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.settings-avatar-upload{display:inline-flex}.settings-avatar-file{display:none}.settings-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.settings-subtitle-row{margin-top:10px;font-size:12px;color:var(--text-muted)}.settings-preview{margin-top:12px;padding:12px;border-radius:12px;border:1px solid rgba(15,23,42,.08);background:#0f172a05;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-preview h3{margin:0 0 4px;font-size:14px;color:var(--text-main)}.settings-preview p{margin:0;font-size:12px;color:var(--text-muted)}.settings-integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.settings-integration{border-radius:12px;border:1px dashed rgba(15,23,42,.12);padding:12px;background:#0f172a05;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-integration h3{margin:0 0 4px;font-size:14px}.settings-integration p{margin:0;font-size:12px;color:var(--text-muted)}.settings-subscription{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.settings-subscription h3{margin:0 0 4px;font-size:14px}.settings-subscription p{margin:0;color:var(--text-muted);font-size:12px}.settings-table-wrap{overflow-x:auto;margin-top:12px}.settings-table{width:100%;border-collapse:collapse;font-size:12px}.settings-table th,.settings-table td{text-align:left;padding:8px 6px;border-bottom:1px solid rgba(15,23,42,.06)}.settings-table th{color:var(--text-muted);font-weight:600}.settings-readonly{margin-top:10px;font-size:11px;color:var(--text-muted)}.settings-table-actions{display:flex;gap:8px;flex-wrap:wrap}.settings-table-actions .settings-btn{padding:6px 10px;font-size:11px}.settings-table-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.settings-table-pagination{display:flex;gap:8px}.settings-order-controls{display:flex;gap:6px}.settings-order-btn{width:32px;height:32px;border-radius:10px;border:1px solid var(--panel-border);background:#fff;font-size:16px;cursor:pointer}.settings-order-btn:disabled{opacity:.45;cursor:not-allowed}.settings-tag-row{display:flex;gap:8px;align-items:center}.settings-color-swatch{width:32px;height:32px;border-radius:10px;border:1px solid var(--panel-border);display:inline-block}.settings-color-input{display:flex;align-items:center;gap:8px}.settings-color-input input[type=color]{width:38px;height:38px;padding:0;border:none;background:none}.settings-color-input .settings-input{flex:1}.settings-help-error{color:var(--danger)}.settings-dialog-backdrop{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1100}.settings-dialog{background:#fff;border-radius:18px;padding:24px;width:min(520px,100%);box-shadow:0 16px 40px #0f172a59}.settings-dialog-header h3{margin:0 0 12px}.settings-dialog-body{display:flex;flex-direction:column;gap:12px}.settings-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.catalog-page{display:flex;flex-direction:column;gap:18px}.catalog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-header h1{margin:0;font-size:26px;font-weight:700}.catalog-breadcrumb{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#0f172aa6}.catalog-breadcrumb-current{color:#0f172a}.catalog-breadcrumb-sep{opacity:.5}.catalog-subtitle{margin:0;color:#0f172ab3;font-weight:600}.catalog-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.catalog-input,.catalog-select{padding:10px 14px;border-radius:12px;border:1px solid rgba(15,23,42,.16);font-weight:700;min-width:220px;background:#fff;color:var(--text-main);cursor:pointer}.catalog-input{min-width:220px}.catalog-select{cursor:pointer}.catalog-btn{border-radius:12px;border:none;padding:10px 18px;font-weight:900;cursor:pointer}.catalog-btn.primary{background:#0f172a;color:#fff}.catalog-btn.secondary{background:#fff;border:1px solid rgba(15,23,42,.18);color:#0f172a}.catalog-banner{margin-bottom:0;padding:16px;border-radius:12px;background:#3b82f614;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:12px}.catalog-filter-toggle{display:flex;gap:6px}.catalog-filter-toggle button{flex:1;border-radius:10px;border:1px solid rgba(15,23,42,.12);background:transparent;font-weight:700;cursor:pointer;padding:6px 10px}.catalog-filter-toggle button.active{background:#0f172a14}.catalog-filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;padding:16px;box-shadow:var(--shadow-soft);margin-bottom:12px}.catalog-filter-group{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:180px}.catalog-filter-search .catalog-input{width:100%}.catalog-filter-label{font-size:12px;font-weight:700;color:#0f172ab3}.catalog-filter-tags-row{display:flex;flex-wrap:wrap;gap:6px}.catalog-filter-tag{border-radius:12px;border:1px solid rgba(15,23,42,.2);padding:6px 12px;background:#fff;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.catalog-filter-tag.selected{background:#0f172a14;border-color:#0f172a66}.catalog-filter-tag-chip{width:10px;height:10px;border-radius:999px;display:inline-block}.catalog-filter-actions{margin-left:auto;display:flex;align-items:center}.catalog-filter-clear{padding:8px 16px;font-weight:700}.catalog-banner a{font-weight:700}.catalog-table-panel{flex:1}.catalog-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid rgba(15,23,42,.08);box-shadow:var(--shadow-soft);background:#fff}.catalog-table{width:100%;border-collapse:collapse;min-width:780px}.catalog-table th,.catalog-table td{padding:12px;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;font-size:13px}.catalog-table th{font-size:12px;font-weight:600;letter-spacing:.2px;text-transform:none;color:#0f172aa6}.catalog-sortable{display:flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:900;text-transform:uppercase;padding:0;color:inherit}.catalog-sort-arrows{display:flex;flex-direction:column;font-size:10px;line-height:1}.catalog-sort-arrow{color:#0f172a59}.catalog-sort-arrow.active{color:#0f172ae6}.catalog-empty,.catalog-toast,.catalog-toast-error{margin-bottom:12px;padding:10px;border-radius:12px;font-size:13px}.catalog-toast{background:#22c55e26;color:#064e3b}.catalog-toast-error{background:#ef444414;color:#991b1b}.catalog-actions select{min-width:120px}@keyframes settingsFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.settings-shell{grid-template-columns:1fr}.settings-nav{position:relative}}