:root{color-scheme:light;--font-display: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body: "Inter", "Segoe UI", sans-serif;--bg: #f3f7ff;--bg-secondary: rgba(255, 255, 255, .5);--bg-elevated: rgba(255, 255, 255, .72);--bg-strong: rgba(255, 255, 255, .92);--text: #10203d;--text-soft: #5d6b8a;--text-muted: #7e8aa8;--border: rgba(148, 163, 184, .24);--border-strong: rgba(99, 102, 241, .2);--primary: #3b82f6;--primary-strong: #7c3aed;--accent: #14b8a6;--danger: #ef4444;--success: #16a34a;--shadow: 0 30px 60px rgba(76, 97, 146, .16);--shadow-soft: 0 16px 40px rgba(76, 97, 146, .12);--backdrop: blur(24px)}:root[data-theme=dark]{color-scheme:dark;--bg: #081120;--bg-secondary: rgba(8, 17, 32, .56);--bg-elevated: rgba(10, 18, 34, .72);--bg-strong: rgba(10, 18, 34, .88);--text: #f4f7ff;--text-soft: #a8b5d1;--text-muted: #8290ab;--border: rgba(148, 163, 184, .18);--border-strong: rgba(96, 165, 250, .28);--primary: #60a5fa;--primary-strong: #a78bfa;--accent: #2dd4bf;--danger: #f87171;--success: #4ade80;--shadow: 0 30px 60px rgba(2, 6, 23, .5);--shadow-soft: 0 16px 40px rgba(2, 6, 23, .36)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,rgba(56,189,248,.16),transparent 28%),radial-gradient(circle at top right,rgba(168,85,247,.16),transparent 32%),radial-gradient(circle at bottom left,rgba(20,184,166,.14),transparent 28%),linear-gradient(160deg,#eef4ff 0%,#f9fbff 45%,#eef8ff 100%);background-attachment:fixed;overflow:hidden}:root[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(59,130,246,.24),transparent 28%),radial-gradient(circle at top right,rgba(168,85,247,.22),transparent 30%),radial-gradient(circle at bottom left,rgba(20,184,166,.16),transparent 28%),linear-gradient(160deg,#040b16 0%,#081120 50%,#091a2f 100%)}a,button,input,select{font:inherit}button,input,select{color:inherit}#root{min-height:100vh}.eyebrow{margin:0 0 10px;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}.filter-card{background:var(--bg-strong);border:1px solid var(--border);border-radius:8px;padding:20px;margin-bottom:20px;-webkit-backdrop-filter:var(--backdrop);backdrop-filter:var(--backdrop)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.875rem;font-weight:500;color:var(--text-soft)}.form-input{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-elevated);color:var(--text);font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.pagination-info{text-align:center;margin:20px 0;font-size:.875rem;color:var(--text-soft)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.pagination-numbers{display:flex;gap:6px;flex-wrap:wrap}.pagination-btn{min-width:36px;height:36px;padding:0 8px;border:1px solid var(--border);background:var(--bg-elevated);color:var(--text);border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.pagination-btn:hover{border-color:var(--primary);background:var(--bg-strong)}.pagination-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.app-layout{display:flex;min-height:100vh;height:100vh;overflow:hidden}.app-shell{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;height:100vh;overflow:hidden}.app-topbar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px 0}.app-topbar__title,.app-topbar__actions,.page-header,.page-header-actions,.form-card__header,.form-actions,.table-actions{display:flex;align-items:flex-start;gap:14px}.app-topbar__title h1,.page-header h1,.login-showcase h1,.login-form__header h2,.hero-card h2{margin:0;font-family:var(--font-display);line-height:1.1}.app-topbar__title h1{font-size:clamp(1.4rem,2vw,2rem)}.app-topbar__title span,.page-header p,.login-showcase p,.login-form__header span,.hero-card p,.metric-card p,.sidebar-intro p,.form-card__header p,.table-primary span,.table-muted{color:var(--text-soft)}.app-topbar__menu,.sidebar-close{display:none}.theme-toggle,.icon-btn,.btn,.sidebar-link,.sidebar-group-btn,.sidebar-logout,.login-highlight,.page-summary,.chip,.status-card,.metric-card,.hero-card,.form-card,.table-wrap,.login-form,.login-showcase,.sidebar,.content-panel{backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop)}.theme-toggle,.icon-btn{border:1px solid var(--border);background:var(--bg-elevated);box-shadow:var(--shadow-soft)}.theme-toggle,.icon-btn,.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.icon-btn{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;cursor:pointer}.theme-toggle{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:10px 14px;cursor:pointer;color:var(--text)}.theme-toggle__accent{color:var(--primary)}.main-content{flex:1;min-height:0;padding:24px 28px 28px;overflow-y:auto}.content-panel{min-height:calc(100vh - 116px);border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,var(--bg-secondary),rgba(255,255,255,.04));box-shadow:var(--shadow);padding:28px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.35);opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:39}.sidebar-backdrop--visible{opacity:1;pointer-events:auto}.sidebar{position:sticky;top:0;width:min(290px,86vw);min-height:100vh;height:100vh;padding:22px 18px;display:flex;flex-direction:column;gap:18px;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,.18));border-right:1px solid var(--border);box-shadow:var(--shadow-soft);z-index:40;overflow:hidden}:root[data-theme=dark] .sidebar{background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(15,23,42,.42))}.sidebar-header,.sidebar-branding{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-brand-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-strong));box-shadow:0 12px 30px #6366f147}.sidebar-brand{margin:0 0 3px;font-size:1.1rem}.sidebar-username{margin:0;color:var(--text-muted);font-size:.88rem}.sidebar-intro{padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(20,184,166,.1));border:1px solid var(--border-strong)}.sidebar-intro p{margin:0;font-size:.92rem;line-height:1.6}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding-right:4px}.sidebar-menu,.sidebar-submenu{list-style:none;margin:0;padding:0}.sidebar-menu{display:flex;flex-direction:column;gap:8px}.sidebar-submenu{margin-top:8px;padding-left:14px;border-left:1px solid var(--border)}.sidebar-link,.sidebar-group-btn,.sidebar-logout{width:100%;display:flex;align-items:center;gap:10px;border:1px solid transparent;border-radius:16px;padding:12px 14px;background:transparent;text-decoration:none;color:var(--text-soft);cursor:pointer}.sidebar-group-btn{justify-content:space-between}.sidebar-link:hover,.sidebar-group-btn:hover,.sidebar-logout:hover,.theme-toggle:hover,.icon-btn:hover,.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.sidebar-link:hover,.sidebar-group-btn:hover{color:var(--text);background:rgba(255,255,255,.24);border-color:var(--border)}:root[data-theme=dark] .sidebar-link:hover,:root[data-theme=dark] .sidebar-group-btn:hover{background:rgba(30,41,59,.68)}.sidebar-group-btn--active,.sidebar-link--active{color:var(--text);background:linear-gradient(135deg,rgba(59,130,246,.2),rgba(124,58,237,.16));border-color:var(--border-strong)}.chevron{transition:transform .18s ease}.chevron--open{transform:rotate(180deg)}.sidebar-logout{justify-content:center;margin-top:auto;background:rgba(239,68,68,.1);border-color:#ef44442e;color:var(--danger)}.sidebar-state{padding:14px;color:var(--text-muted);background:var(--bg-elevated);border-radius:16px;border:1px solid var(--border)}.page-section{display:flex;flex-direction:column;gap:22px}.page-header{justify-content:space-between}.page-header p{max-width:62ch}.page-summary{display:inline-flex;align-items:center;border:1px solid rgba(59,130,246,.18);border-radius:999px;padding:4px 7px;background:rgba(59,130,246,.14);color:var(--primary);font-size:14px;font-weight:700}.status-card,.form-card,.table-wrap,.login-form,.login-showcase,.metric-card,.hero-card{border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);box-shadow:var(--shadow-soft)}.status-card{padding:18px;color:var(--text-soft)}.status-card--error{color:#b42318;background:rgba(254,243,242,.86);border-color:#f8717152}.status-card--success{color:#027a48;background:rgba(236,253,243,.86);border-color:#4ade8052}:root[data-theme=dark] .status-card--error{color:#fecaca;background:rgba(127,29,29,.42)}:root[data-theme=dark] .status-card--success{color:#bbf7d0;background:rgba(20,83,45,.42)}.form-card,.table-wrap{padding:22px}.form-card{display:flex;flex-direction:column;gap:18px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(2,6,23,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal__panel{position:relative;width:min(100%,760px);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:24px}.modal__panel--wide{width:min(960px,100%);max-height:min(88vh,920px)}.form-card__header{justify-content:space-between}.form-card__header h2{margin:0 0 4px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field--full{grid-column:1 / -1}.form-field span{font-size:14px;font-weight:700;color:var(--text)}.form-field input,.form-field textarea,.form-field__input,.form-field__select{width:100%;border:1px solid var(--border);border-radius:16px;padding:13px 14px;background:var(--bg-strong);outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.form-field input:focus,.form-field textarea:focus,.form-field__input:focus,.form-field__select:focus{border-color:#3b82f66b;box-shadow:0 0 0 4px #3b82f61f}.form-field textarea{resize:vertical;min-height:110px;font:inherit}.form-field__select{min-height:180px}.form-field__hint{color:var(--text-muted);font-size:12px}.form-field__hint--error{color:var(--danger)}.permission-groups{display:grid;gap:14px}.permission-group-card{padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--bg-strong)}.permission-group-card__header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.permission-group-card__header span{color:var(--text-soft);font-size:12px;font-weight:700}.permission-list{display:grid;gap:10px}.permission-checkbox{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(59,130,246,.04)}.permission-checkbox input{width:auto;margin-top:2px}.permission-checkbox span{display:flex;flex-direction:column;gap:2px}.permission-checkbox strong{font-size:14px}.permission-checkbox small{color:var(--text-soft);font-size:12px}.form-actions{justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:5px 8px;background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;font-size:14px;font-weight:700;box-shadow:0 12px 30px #3b82f63d;cursor:pointer}.btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:none}.btn--ghost{background:var(--bg-elevated);color:var(--text);border-color:var(--border);box-shadow:none}.btn--danger{background:linear-gradient(135deg,#ef4444,#fb7185)}.table-selection-hint{margin-top:-8px;color:var(--text-soft);font-size:.875rem}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th,.data-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;font-size:14px}.data-table th{color:var(--text-soft);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.data-table tbody tr:hover{background:rgba(59,130,246,.06)}.data-table__row--selected,.data-table__row--selected:hover{background:rgba(59,130,246,.14)}.table-primary{display:flex;flex-direction:column;gap:4px}.table-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;border:1px solid rgba(59,130,246,.18);border-radius:999px;padding:3px 5px;background:rgba(59,130,246,.12);color:var(--primary);font-size:12px;font-weight:700;white-space:nowrap}.chip--success,.chip--received,.chip--publish{border-color:#22c55e38;background:rgba(34,197,94,.12);color:var(--success)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-card{padding:18px 20px;border:1px solid var(--border);border-radius:20px;background:var(--bg-elevated);box-shadow:var(--shadow-soft)}.summary-card span{display:block;margin-bottom:8px;color:var(--text-soft);font-size:.85rem;font-weight:700}.summary-card strong{display:block;font-family:var(--font-display);font-size:1.05rem;line-height:1.4}.detail-editor{display:flex;flex-direction:column;gap:16px;min-height:0}.detail-editor__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.detail-editor__header h3{margin:0 0 4px}.detail-editor__header p{margin:0;color:var(--text-soft)}.detail-table{min-width:1100px}.detail-editor__table{overflow:auto;padding:0}.detail-editor__table .data-table th{position:sticky;top:0;z-index:1;background:var(--bg-strong)}.product-search{position:relative;min-width:260px}.product-search__dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:5;border:1px solid var(--border);border-radius:16px;background:var(--bg-elevated);box-shadow:var(--shadow-soft);overflow:hidden}.product-search__list{max-height:220px;overflow-y:auto}.product-search__option,.product-search__empty{width:100%;padding:10px 12px}.product-search__option{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.product-search__option:hover{background:rgba(15,23,42,.06)}.product-search__option span,.product-search__empty{color:var(--text-soft)}.table-actions{gap:10px}.group-tabs-card,.group-panel{border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);box-shadow:var(--shadow-soft);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop)}.group-tabs-card{padding:18px}.group-tabs{display:flex;flex-wrap:wrap;gap:14px}.group-tab{min-width:min(100%,280px);flex:1 1 240px;display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.18)}.group-tab--active{border-color:var(--border-strong);background:linear-gradient(135deg,rgba(59,130,246,.16),rgba(20,184,166,.12))}.group-tab__button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.group-tab__title{font-family:var(--font-display);font-size:1rem;font-weight:700}.group-tab__meta{color:var(--text-soft);font-size:.86rem}.group-tab__actions{display:flex;flex-wrap:wrap;gap:10px}.group-panel{padding:22px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.docs-card{padding:22px;border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);box-shadow:var(--shadow-soft);backdrop-filter:var(--backdrop);-webkit-backdrop-filter:var(--backdrop)}.docs-card h2,.docs-card h3{margin:0 0 12px;font-family:var(--font-display)}.docs-card p{margin:0;color:var(--text-soft);line-height:1.7}.docs-card--hero{grid-column:span 2;background:radial-gradient(circle at top right,rgba(59,130,246,.18),transparent 34%),radial-gradient(circle at bottom left,rgba(20,184,166,.14),transparent 30%),var(--bg-elevated)}.docs-card--full{grid-column:span 2}.docs-list{margin:0;padding-left:20px;color:var(--text-soft);line-height:1.8}.docs-code{margin:0;padding:16px;overflow-x:auto;border-radius:18px;border:1px solid var(--border);background:rgba(15,23,42,.92);color:#e2e8f0;font-size:13px;line-height:1.7}.docs-note{margin-top:14px!important;font-size:13px}.hero-card{grid-column:span 3;padding:28px;background:radial-gradient(circle at top right,rgba(124,58,237,.18),transparent 34%),radial-gradient(circle at bottom left,rgba(20,184,166,.16),transparent 30%),var(--bg-elevated)}.hero-card h2{max-width:18ch;font-size:clamp(1.7rem,4vw,2.9rem)}.hero-card p{max-width:60ch;line-height:1.7}.metric-card{padding:22px}.metric-card span{display:inline-block;margin-bottom:12px;color:var(--text-soft);font-weight:700}.metric-card strong{display:block;margin-bottom:10px;font-size:clamp(1.8rem,3vw,2.5rem);font-family:var(--font-display)}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,440px);gap:24px;align-items:stretch}.login-showcase,.login-form{padding:clamp(24px,5vw,40px)}.login-showcase{background:radial-gradient(circle at top right,rgba(59,130,246,.24),transparent 28%),radial-gradient(circle at bottom left,rgba(20,184,166,.18),transparent 30%),var(--bg-elevated)}.login-badge,.login-highlight{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:999px;background:var(--bg-secondary);color:var(--text)}.login-badge{padding:10px 14px;font-size:13px;font-weight:700}.login-showcase h1{margin-top:22px;font-size:clamp(2.1rem,5vw,4.2rem);max-width:11ch}.login-showcase p{max-width:58ch;line-height:1.8}.login-highlights{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.login-highlight{padding:12px 16px}.login-form{display:flex;flex-direction:column;justify-content:center;gap:18px}.login-form__header h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:8px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field span{font-size:14px;font-weight:700}.login-field input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--border);background:var(--bg-strong);outline:none;transition:border-color .18s ease,box-shadow .18s ease}.login-field input:focus{border-color:#3b82f66b;box-shadow:0 0 0 4px #3b82f61f}.login-submit{width:100%;min-height:52px}.error{margin:0;padding:14px 16px;border-radius:16px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.18);color:var(--danger);font-size:14px}@media (max-width: 1100px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-column:span 2}.login-shell{grid-template-columns:1fr}}@media (max-width: 920px){.sidebar{position:fixed;left:0;transform:translate(-100%);transition:transform .24s ease}.sidebar--open{transform:translate(0)}.app-topbar{padding:18px 18px 0}.main-content{padding:18px}.content-panel{min-height:calc(100vh - 96px);padding:20px;border-radius:24px}.app-topbar__menu,.sidebar-close{display:inline-flex}.form-grid,.dashboard-grid,.docs-grid{grid-template-columns:minmax(0,1fr)}.hero-card,.docs-card--hero,.docs-card--full{grid-column:span 1}}@media (max-width: 680px){.app-topbar,.app-topbar__title,.page-header,.page-header-actions,.form-card__header,.form-actions,.table-actions,.detail-editor__header{flex-direction:column;align-items:stretch}.theme-toggle{justify-content:center}.page-summary{align-self:flex-start}.content-panel,.form-card,.table-wrap,.group-tabs-card,.group-panel,.login-form,.login-showcase,.metric-card,.hero-card{border-radius:20px}.content-panel,.form-card,.table-wrap,.group-panel,.group-tabs-card{padding:18px}.modal{padding:12px}.detail-editor__table{max-height:260px}}