.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at top left,rgba(103,167,255,.18),transparent 26%),radial-gradient(circle at bottom right,rgba(42,184,139,.16),transparent 30%),linear-gradient(135deg,var(--color-background),var(--color-background-alt))}.app-shell__content{min-width:0}@media(max-width:1100px){.app-shell{grid-template-columns:1fr}}.hub-page{display:flex;flex-direction:column;padding:32px;background-color:#fff}.hub-page__state{padding:24px 26px;border:1px solid var(--color-border);border-radius:var(--border-radius-large);background:color-mix(in srgb,var(--color-surface) 82%,transparent)}.hub-page__state--error{border-color:color-mix(in srgb,var(--color-danger) 24%,var(--color-border))}.hub-page__state-title{margin:0;font-size:28px;line-height:1.15}.hub-page__state-description{margin:10px 0 0;color:var(--color-text-secondary);line-height:1.6}@media(max-width:900px){.hub-page{padding:20px}}.hub-section-list{display:flex;flex-direction:column;gap:24px}.hub-section-card{--section-tint: transparent;display:flex;flex-direction:column;gap:22px;padding:26px;border:1px solid color-mix(in srgb,var(--section-tint) 10%,var(--color-border));border-radius:var(--border-radius-large);background:color-mix(in srgb,var(--section-tint) 8%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hub-section-card__header{display:flex;align-items:flex-start;gap:20px}.hub-section-card__heading{display:flex;align-items:flex-start;gap:18px}.hub-section-card__index{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:54px;padding:0 14px;border-radius:16px;color:var(--color-primary);font-size:15px;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 14%,white),var(--color-accent-soft))}.hub-section-card__title{margin:0;font-size:28px;line-height:1.1}.hub-section-card__description{max-width:780px;margin:10px 0 0;color:var(--color-text-secondary);line-height:1.6}.hub-section-card__grid{display:flex;flex-wrap:wrap;gap:18px}.hub-section-card__page{display:flex;align-items:flex-start;gap:16px;width:100%;max-width:420px;min-height:152px;padding:18px;border:1px solid color-mix(in srgb,var(--section-tint) 18%,var(--color-border));border-radius:22px;color:inherit;text-align:left;cursor:pointer;background:color-mix(in srgb,var(--section-tint) 24%,var(--color-surface-strong));transition:transform var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}.hub-section-card__page:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--section-tint) 32%,var(--color-primary));box-shadow:0 18px 28px #0c17291f}.hub-section-card__page-icon{display:grid;flex-shrink:0;place-items:center;width:52px;height:52px;border-radius:18px;font-size:22px;background:linear-gradient(135deg,#0c79be1f,#18a9991f)}.hub-section-card__page-icon svg{width:24px;height:24px}.hub-section-card__page-content{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.hub-section-card__page-title{font-size:18px;font-weight:800;line-height:1.3}.hub-section-card__page-description{color:var(--color-text-secondary);font-size:14px;line-height:1.55}.hub-section-card__page-arrow{margin-left:auto;color:var(--color-primary-strong);font-size:22px;line-height:1}@media(max-width:900px){.hub-section-card{padding:20px}.hub-section-card__header,.hub-section-card__heading{flex-direction:column}}.main-menu{display:flex;flex-direction:column;gap:28px;min-height:100vh;padding:28px;color:var(--color-sidebar-text);background:radial-gradient(circle at top left,rgba(94,199,255,.2),transparent 28%),radial-gradient(circle at bottom right,rgba(84,214,200,.16),transparent 30%),linear-gradient(180deg,var(--color-sidebar),color-mix(in srgb,var(--color-sidebar) 88%,black));border-right:1px solid var(--color-sidebar-border)}.main-menu__brand{display:flex;align-items:center;gap:16px}.main-menu__brand-badge{display:grid;place-items:center;width:58px;height:58px;padding:6px;overflow:hidden;border-radius:18px;background:#ffffff1f;box-shadow:var(--shadow-card)}.main-menu__brand-image{display:block;width:100%;height:100%;object-fit:contain}.main-menu__eyebrow{margin:0 0 4px;color:var(--color-sidebar-muted);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.main-menu__title{margin:0;font-size:30px;line-height:1.05}.main-menu__navigation{display:flex;flex-direction:column;gap:12px}.main-menu__item{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px solid transparent;border-radius:var(--border-radius-medium);color:inherit;text-align:left;cursor:pointer;background:#ffffff0a;transition:transform var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.main-menu__item:hover{transform:translateY(-1px);border-color:#ffffff1f;background:#ffffff14}.main-menu__item--active{border-color:#5ec7ff66;background:linear-gradient(135deg,#5ec7ff2e,#54d6c81f)}.main-menu__item-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:14px;font-weight:800;letter-spacing:.08em;background:#ffffff1a}.main-menu__item-content{display:flex;flex-direction:column}.main-menu__item-label{font-size:15px;font-weight:800}.main-menu__footer{margin-top:auto}.main-menu__theme-switch{width:100%;padding:14px 18px;border:1px solid var(--color-sidebar-border);border-radius:999px;color:inherit;cursor:pointer;background:#ffffff0d;transition:transform var(--transition-base),background-color var(--transition-base)}.main-menu__theme-switch:hover{transform:translateY(-1px);background:#ffffff1a}@media(max-width:1100px){.main-menu{min-height:auto;border-right:0;border-bottom:1px solid var(--color-sidebar-border)}}:root{--font-family-base: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--shadow-panel: 0 24px 64px rgba(12, 23, 41, .18);--shadow-card: 0 16px 32px rgba(12, 23, 41, .14);--border-radius-large: 28px;--border-radius-medium: 18px;--border-radius-small: 14px;--transition-base: .18s ease}:root[data-theme=light]{--color-background: #eef4f9;--color-background-alt: #dce8f3;--color-surface: rgba(255, 255, 255, .84);--color-surface-strong: rgba(255, 255, 255, .94);--color-surface-muted: rgba(223, 234, 244, .72);--color-border: rgba(17, 62, 96, .1);--color-text-primary: #16324a;--color-text-secondary: #58718a;--color-primary: #0c79be;--color-primary-strong: #0a5b8f;--color-primary-contrast: #ffffff;--color-accent: #18a999;--color-accent-soft: rgba(24, 169, 153, .12);--color-warning: #e39d3c;--color-danger: #d85e5e;--color-sidebar: rgba(11, 37, 58, .92);--color-sidebar-text: #f2f8fc;--color-sidebar-muted: rgba(242, 248, 252, .72);--color-sidebar-border: rgba(255, 255, 255, .08)}:root[data-theme=dark]{--color-background: #07131f;--color-background-alt: #122537;--color-surface: rgba(14, 26, 39, .86);--color-surface-strong: rgba(18, 33, 49, .94);--color-surface-muted: rgba(23, 42, 62, .78);--color-border: rgba(209, 224, 237, .1);--color-text-primary: #eef6fc;--color-text-secondary: #adc1d1;--color-primary: #5ec7ff;--color-primary-strong: #87d7ff;--color-primary-contrast: #092135;--color-accent: #54d6c8;--color-accent-soft: rgba(84, 214, 200, .16);--color-warning: #ffbe60;--color-danger: #ff9494;--color-sidebar: rgba(5, 16, 29, .96);--color-sidebar-text: #eff8ff;--color-sidebar-muted: rgba(239, 248, 255, .68);--color-sidebar-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{color:var(--color-text-primary);font-family:var(--font-family-base);background:linear-gradient(180deg,var(--color-background),var(--color-background-alt))}button,a,input,textarea{font:inherit}a{color:inherit}