@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&display=swap";:root{--bg-main: #e5e9ef;--panel: #ffffff;--border: #ced5df;--sidebar: #1f2f4a;--sidebar-dark: #15253f;--sidebar-active: #2f4366;--text-main: #141a23;--text-soft: #596678;--brand: #2d6cdf;--brand-strong: #3f4fe0;--brand-strong-hover: #3643c5;--success: #2fa676;--warning: #e58a11;--danger: #de443a;--input-bg: #ffffff;--input-border: #cfd5de;--input-border-focus: #7b8eed;--input-height: 40px;--input-radius: 999px;--btn-height: 40px;--btn-radius: 999px}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:radial-gradient(circle at 20% -10%,#f4f6fb 0%,var(--bg-main) 45%,#dbe1ea 100%);color:var(--text-main)}body{display:block!important}#root{max-width:none!important;padding:0!important}a{color:inherit}button,input,select{font:inherit}.splash{min-height:100vh;display:grid;place-items:center}.app-shell{min-height:100vh;display:flex;width:100vw}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:linear-gradient(180deg,var(--sidebar) 0%,var(--sidebar-dark) 100%);color:#f1f6ff;border-right:1px solid #23395c}.brand{height:78px;display:flex;align-items:center;padding:0 22px;font-size:30px;font-weight:700;letter-spacing:.3px;border-bottom:1px solid #2f456a}.menu{padding:10px 0;overflow-y:auto;height:calc(100vh - 78px)}.menu-item{width:100%;border:none;background:transparent;color:#d7e3f8;height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;text-decoration:none;cursor:pointer;transition:background-color .2s ease}.menu-icon-badge{width:22px;height:22px;border-radius:6px;border:1px solid #45608a;background:#203454;color:#dce8ff;font-size:10px;font-weight:700;display:inline-grid;place-items:center;flex-shrink:0}.menu-item:hover{background:#2a3e60}.menu-item.active{background:var(--sidebar-active);color:#fff}.menu-group{justify-content:flex-start}.caret{margin-left:auto;transition:transform .2s ease}.caret.open{transform:rotate(180deg)}.submenu{background:#111f37}.submenu-level-1{padding-left:34px;color:#aebed9}.submenu-level-2{padding-left:52px;color:#aebed9}.submenu-level-3{padding-left:68px;color:#aebed9}.content-shell{flex:1;margin-left:260px;width:calc(100vw - 260px);min-height:100vh}.topbar{height:78px;background:#f4f6fa;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:5}.page-title{margin:0;font-size:28px}.breadcrumb{font-size:12px;color:var(--text-soft);margin-bottom:2px}.topbar-user{display:flex;align-items:center;gap:12px;position:relative}.user-meta{text-align:right}.user-meta span{display:block;color:var(--text-soft);font-size:12px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}.user-menu{position:relative}.user-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:170px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px #0000001a;padding:6px;display:grid;gap:4px}.user-dropdown button{border:none;background:transparent;text-align:left;padding:10px;border-radius:8px}.user-dropdown button:hover{background:#eef3fb}.content-area{padding:24px;width:100%}.content-area>section{width:100%;max-width:none}.title-xl{margin:0;font-size:36px}.subtitle{margin-top:6px;color:var(--text-soft)}.stats-grid{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:0 10px 20px #0d1f350a}.stat-card h3{margin:0;font-size:24px}.stat-card strong{display:block;margin-top:8px;font-size:44px;color:var(--brand)}.stat-card.accent-green strong{color:var(--success)}.stat-card.accent-orange strong{color:var(--warning)}.welcome-box{margin-top:20px;color:var(--text-soft)}.api-preview{margin:0;background:#f6f8fb;border:1px solid var(--border);border-radius:10px;padding:14px;overflow-x:auto}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:14px;padding:30px}.login-card h1{margin:0;font-size:32px}.login-card p{color:var(--text-soft)}.login-form{display:grid;gap:10px}input:not([type=checkbox]),select,textarea{width:100%;min-height:var(--input-height);border:1px solid var(--input-border);border-radius:var(--input-radius);padding:0 16px;background:var(--input-bg);color:var(--text-main);transition:border-color .2s ease,box-shadow .2s ease;font-size:15px}input:not([type=checkbox])::placeholder,textarea::placeholder{color:#7e8897}input:not([type=checkbox]):focus,select:focus,textarea:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3f4fe024}.primary-btn,.danger-btn,.login-card button,.modal-card button,.panel button,.pagination-actions button,.list-tools button{border:none;border-radius:var(--btn-radius);min-height:var(--btn-height);padding:0 14px;cursor:pointer;background:#e8edf4;color:#1b2431;font-weight:600;font-size:14px;transition:filter .2s ease,transform .02s ease}.primary-btn:hover,.danger-btn:hover,.login-card button:hover,.modal-card button:hover,.panel button:hover,.pagination-actions button:hover,.list-tools button:hover{filter:brightness(.97)}.primary-btn:active,.danger-btn:active,.login-card button:active,.modal-card button:active,.panel button:active,.pagination-actions button:active,.list-tools button:active{transform:translateY(1px)}button:disabled,.primary-btn:disabled,.danger-btn:disabled{opacity:.6;cursor:not-allowed}.primary-btn,.panel .primary-btn,.modal-card .primary-btn,.login-card .primary-btn{background:var(--brand-strong);color:#fff}.primary-btn:hover,.panel .primary-btn:hover,.modal-card .primary-btn:hover,.login-card .primary-btn:hover{background:var(--brand-strong-hover);filter:none}.danger-btn{background:var(--danger);color:#fff}.panel{margin-top:16px;width:100%}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.panel-header h3{margin:0}.list-tools{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin-top:18px;margin-bottom:18px}.form-grid{display:grid;gap:10px}.field{display:grid;gap:6px;width:100%}.field-label{font-size:12px;font-weight:700;color:#5f6f82;line-height:1;padding-left:2px}.form-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two-columns .full-width{grid-column:1 / -1}.split-row{display:grid;gap:10px;width:100%}.split-row>*{width:100%}.split-80-20{grid-template-columns:8fr 2fr}.split-70-30{grid-template-columns:7fr 3fr}.roles-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.role-item{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--border);border-radius:8px;background:#f7f9fd}.type-checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.type-checkbox-group-inline{align-items:center;min-height:var(--input-height);padding:2px 0}.type-checkbox-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:6px 12px;background:#f7f9fd}.type-checkbox-group-inline .type-checkbox-item{padding:4px 10px}.type-checkbox-item input:disabled+span{opacity:.8}.form-divider{grid-column:1 / -1;margin:12px 0 2px;border-top:1px solid #dce2eb;position:relative;height:16px}.form-divider span{position:absolute;top:-10px;left:12px;background:#fff;padding:0 8px;font-size:12px;font-weight:700;color:#607082}.type-chip{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;background:#e7eefb;color:#244573}.chips-inline{display:flex;flex-wrap:wrap;gap:6px}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{border-bottom:1px solid #e6ebf2;padding:8px;text-align:left}.actions-cell{display:flex;gap:12px;align-items:center}.icon-btn{width:44px;height:44px;min-height:44px;border:2px solid #ccd2db;border-radius:999px;background:#f6f7f9;display:inline-grid;place-items:center;color:#202734;padding:0}.icon-btn.danger{background:#f6f7f9;border-color:#ccd2db}.icon-btn:hover{background:#edf1f6}.icon-btn.danger:hover{background:#fdeceb;color:#ad2d24}.form-actions{display:flex;gap:8px}.pagination-bar{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination-actions{display:flex;align-items:center;gap:8px}.modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:50;padding:16px}.modal-card{width:min(460px,100%);background:#fff;border:1px solid var(--border);border-radius:12px;padding:18px}.modal-card-wide{width:min(920px,96vw)}.catalog-modal-wide{width:min(600px,96vw)}.modal-card h3{margin-top:0}.confirm-message{margin:0 0 12px;color:var(--text-soft)}.info-box{margin-top:8px;background:#e8f5ee;color:#1f6b47;border:1px solid #a9d9c0;border-radius:8px;padding:10px}.login-link-btn{border:none;background:transparent!important;color:#2f4d42;font-weight:500;font-size:14px;min-height:auto!important;padding:4px 0!important;width:fit-content;margin:8px auto 0;cursor:pointer}.login-link-btn:hover{background:transparent!important;text-decoration:underline;filter:none!important}.error-box{margin-top:8px;background:#ffe9e8;color:#99261f;border:1px solid #f4b6b2;border-radius:8px;padding:10px}.success-box{margin-top:8px;background:#eaf7ef;color:#146a3b;border:1px solid #a6d5ba;border-radius:8px;padding:10px}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;width:100%;height:auto}.menu{height:auto}.content-shell{margin-left:0}.stats-grid{grid-template-columns:1fr}.topbar{height:auto;padding:12px;gap:10px;flex-wrap:wrap}.form-grid.two-columns,.list-tools{grid-template-columns:1fr}}.submenu-item{padding-left:34px;color:#aebed9}.field-help{font-size:12px;color:#5f6f86}.login-card h2{margin:10px 0;text-align:center}