.shell{display:grid;grid-template-columns:240px 1fr;grid-template-rows:60px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.mobile-topbar{display:none}.topbar{grid-area:topbar;background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);gap:var(--space-xl)}.topbar__left{display:flex;align-items:center;gap:var(--space-lg);flex:1;min-width:0}.topbar__right{display:flex;align-items:center;gap:var(--space-lg)}.topbar__tagline{color:var(--text-muted);font-size:13px}.global-search{display:flex;align-items:center;gap:0;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);max-width:420px;width:100%}.global-search:focus-within{border-color:var(--border-active)}.global-search--large{max-width:600px;border-radius:var(--radius-sm)}.global-search--large .global-search__category,.global-search--large .global-search__input{padding-top:.85rem;padding-bottom:.85rem;font-size:14px}.global-search--large .button-primary{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:1px solid var(--border-subtle)}.global-search__category{background:transparent;border:none;border-right:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-body);font-size:13px;padding:.6rem .5rem .6rem .75rem;cursor:pointer}.global-search__category:focus{outline:none}.global-search__category option{background:var(--bg-input);color:var(--text-primary)}.global-search__input{background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:13px;padding:.6rem .75rem;flex:1;min-width:0}.global-search__input:focus{outline:none}.global-search__input::placeholder{color:var(--text-muted)}.sidebar{grid-area:sidebar;background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:var(--space-md) .75rem;overflow-y:auto}.wordmark{font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:.02em;color:var(--text-primary);padding:.5rem .75rem 1.25rem}.wordmark span{color:var(--accent)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:.55rem .75rem;border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;text-decoration:none;border-left:2px solid transparent}.nav-item:hover{background:var(--bg-surface);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--text-primary);border-left:2px solid var(--border-active)}.nav-item__dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5;flex-shrink:0}.sidebar__footer{margin-top:auto;padding:.75rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.4rem}.sidebar__footer-link{font-size:12px;color:var(--text-muted);text-decoration:none}.sidebar__footer-link:hover{color:var(--text-secondary)}.breadcrumbs{display:flex;align-items:center;gap:.4rem;font-size:12px;color:var(--text-muted);margin-bottom:var(--space-md)}.breadcrumbs__link{color:var(--text-muted);text-decoration:none}.breadcrumbs__link:hover{color:var(--text-secondary)}.breadcrumbs__separator{color:var(--text-muted);opacity:.5}.breadcrumbs__current{color:var(--text-secondary)}.main{grid-area:main;overflow-y:auto;padding:1.75rem var(--space-xl)}.page-header{margin-bottom:var(--space-xl)}.page-header__eyebrow{font-size:12px;color:var(--text-muted);margin:0 0 .25rem;font-family:var(--font-mono)}.page-header__title{font-family:var(--font-heading);font-size:22px;font-weight:600;margin:0;color:var(--text-primary)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.dashboard-hero{margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.1rem var(--space-lg)}.stat-card__label{font-size:12px;color:var(--text-secondary);margin:0 0 .4rem}.stat-card__value{font-family:var(--font-mono);font-size:22px;font-weight:500;margin:0;color:var(--text-primary)}.stat-card__value.positive{color:var(--positive)}.stat-card__value.gold{color:var(--gold)}@media(max-width:900px){.shell{grid-template-columns:1fr;grid-template-rows:56px 1fr;grid-template-areas:"mobiletopbar" "main"}.sidebar,.topbar{display:none}.mobile-topbar{grid-area:mobiletopbar;display:flex;align-items:center;justify-content:space-between;background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-md);position:relative;z-index:41}.mobile-topbar .wordmark{padding:0}.drawer.drawer{padding-top:calc(56px + var(--space-md))}.mobile-nav__toggle{background:none;border:none;padding:.5rem;cursor:pointer;display:flex;flex-direction:column;gap:4px}.mobile-nav__toggle-bar{width:20px;height:2px;background:var(--text-primary);border-radius:1px}.main{padding:var(--space-lg) var(--space-md)}.stat-grid{grid-template-columns:repeat(2,1fr)}}.status-pill{display:flex;align-items:center;gap:var(--space-sm);padding:.4rem var(--space-sm);border-radius:var(--radius-pill);font-size:12px;font-family:var(--font-mono);white-space:nowrap}.status-pill--online{background:#59c8791f;border:1px solid rgba(89,200,121,.35);color:var(--positive)}.status-pill--offline{background:#d75d591f;border:1px solid rgba(215,93,89,.35);color:var(--negative)}.status-pill--warning{background:#dfa64b1f;border:1px solid rgba(223,166,75,.35);color:var(--warning)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.status-pill--online .status-dot{box-shadow:0 0 0 3px #59c8792e;animation:status-pulse-online 2.4s ease-in-out infinite}.status-pill--offline .status-dot{box-shadow:0 0 0 3px #d75d592e}.status-pill--warning .status-dot{box-shadow:0 0 0 3px #dfa64b2e}@keyframes status-pulse-online{0%,to{box-shadow:0 0 0 3px #59c8792e}50%{box-shadow:0 0 0 5px #59c87914}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:40}.drawer{position:fixed;top:0;bottom:0;width:min(320px,85vw);background:var(--bg-sidebar);overflow-y:auto;padding:var(--space-md)}.drawer--left{left:0}.drawer--right{right:0}.loading-skeleton{display:flex;flex-direction:column;gap:var(--space-sm)}.loading-skeleton__line{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--bg-surface-raised) 25%,var(--border-subtle) 50%,var(--bg-surface-raised) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-xl) var(--space-lg)}.empty-state__title{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 .4rem}.empty-state__message{color:var(--text-muted);font-size:13px;margin:0 0 var(--space-md);line-height:1.5}.error-state{text-align:center;padding:var(--space-xl) var(--space-lg)}.error-state__title{color:var(--negative);font-size:14px;font-weight:600;margin:0 0 .4rem}.error-state__message{color:var(--text-muted);font-size:13px;margin:0 0 var(--space-md);line-height:1.5}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper__icon{position:absolute;left:.75rem;color:var(--text-muted);font-size:13px;pointer-events:none}input.search-input{padding-left:2rem}.search-input-wrapper__clear{position:absolute;right:.6rem;background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:.2rem;line-height:1}.search-input-wrapper__clear:hover{color:var(--text-primary)}.skill-progress-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:13px}.skill-progress-row__name{color:var(--text-primary)}.skill-progress-row__level{color:var(--text-secondary)}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--space-sm)}.equipment-slot-grid-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.equipment-slot-grid-cell__empty{color:var(--text-muted);font-size:14px}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-wrapper__bubble{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-primary);font-size:12px;font-family:var(--font-body);padding:.4rem .6rem;white-space:nowrap;box-shadow:var(--shadow-card);opacity:0;visibility:hidden;transition:opacity .12s ease;pointer-events:none;z-index:30}.tooltip-wrapper:hover .tooltip-wrapper__bubble,.tooltip-wrapper:focus-within .tooltip-wrapper__bubble{opacity:1;visibility:visible}.tabs{display:flex;gap:var(--space-md);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-lg)}.tabs__item{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:13px;font-weight:500;padding:var(--space-sm) .25rem;margin-bottom:-1px;cursor:pointer}.tabs__item:hover{color:var(--text-primary)}.tabs__item.active{color:var(--text-primary);border-bottom-color:var(--border-active)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:var(--text-muted);font-weight:500;font-size:12px;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.data-table tbody tr:last-child td{border-bottom:none}.data-table th.data-table__cell--right,.data-table td.data-table__cell--right{text-align:right;font-family:var(--font-mono)}.data-table__row--clickable{cursor:pointer}.data-table__row--clickable:hover{background:var(--bg-surface-raised)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.pagination__label{font-size:12px;color:var(--text-muted);font-family:var(--font-mono)}.segmented-control{display:inline-flex;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;gap:2px}.segmented-control__item{background:none;border:none;border-radius:8px;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:500;padding:.4rem .75rem;cursor:pointer}.segmented-control__item:hover{color:var(--text-primary)}.segmented-control__item.active{background:var(--bg-surface-raised);color:var(--text-primary)}.select-wrapper{position:relative}select.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a8c1bd' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center}.select option{background:var(--bg-input);color:var(--text-primary)}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer}.icon-button:hover{color:var(--text-primary);border-color:var(--border-active)}.icon-button--danger:hover{color:var(--negative);border-color:#d75d5980}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:var(--space-sm);z-index:1000}.toast{background:var(--bg-surface);color:var(--text-primary);padding:.75rem 1rem;border-radius:8px;font-size:13px;max-width:340px;box-shadow:var(--shadow-card);animation:toast-in .15s ease;border:1px solid var(--border-subtle)}.toast--info{border-color:var(--info)}.toast--success{border-color:var(--positive)}.toast--error{border-color:var(--negative)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root{color-scheme:dark;--bg-app: #07191f;--bg-sidebar: #0a2229;--bg-surface: #0f2b33;--bg-surface-raised: #153942;--bg-input: #091d23;--border-subtle: #21444b;--border-active: #35c7aa;--text-primary: #edf8f5;--text-secondary: #a8c1bd;--text-muted: #708f8c;--accent: #2fd4b2;--accent-hover: #54e2c5;--accent-soft: rgba(47, 212, 178, .12);--gold: #e1ae47;--positive: #59c879;--negative: #d75d59;--warning: #dfa64b;--info: #54a7d8;--font-heading: "Cinzel", serif;--font-body: "Inter", system-ui, "Segoe UI", Arial, sans-serif;--font-mono: "JetBrains Mono", "Roboto Mono", monospace;--space-xs: .4rem;--space-sm: .6rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 2rem;--radius-sm: 10px;--radius-md: 14px;--radius-pill: 100px;--shadow-card: 0 14px 32px rgba(0, 0, 0, .24);--shadow-glow-accent: 0 0 18px rgba(47, 212, 178, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-body);font-size:14px}h1,h2{font-family:var(--font-heading);margin:0}h3,h4,h5,h6{font-family:var(--font-body);margin:0}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.card{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 120px),var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-subtle)}.card__eyebrow{font-size:12px;color:var(--text-muted);margin:0 0 .2rem}.card__title{font-size:15px;font-weight:600;margin:0;color:var(--text-primary);font-family:var(--font-body)}.card__content{padding:var(--space-lg)}.card__hint{font-size:12px;color:var(--text-muted);margin:var(--space-sm) var(--space-lg) 0;line-height:1.5}.card__error{color:var(--negative);font-size:12px;margin:var(--space-sm) var(--space-lg) 0}.button-primary{color:#06231f;background:linear-gradient(180deg,var(--accent-hover),var(--accent));border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow-accent);padding:var(--space-sm) 1.1rem;font-family:var(--font-body);font-weight:500;font-size:13px;cursor:pointer}.button-secondary{color:var(--text-primary);background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-sm) 1.1rem;font-family:var(--font-body);font-weight:500;font-size:13px;cursor:pointer}.button-danger{color:#fff3f2;background:#d75d5929;border:1px solid rgba(215,93,89,.5);border-radius:var(--radius-sm);padding:var(--space-sm) 1.1rem;font-family:var(--font-body);font-weight:500;font-size:13px;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.input{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.75rem .9rem;font-family:var(--font-body);font-size:13px;width:100%}.input:focus{outline:none;border-color:var(--border-active);box-shadow:0 0 0 3px var(--accent-soft)}.status-badge{font-size:11px;padding:.25rem var(--space-sm);border-radius:var(--radius-pill);font-family:var(--font-mono)}.status-badge--fresh{background:#2fd4b21f;color:var(--accent);border:1px solid rgba(47,212,178,.3)}.status-badge--warning{background:#dfa64b1f;color:var(--warning);border:1px solid rgba(223,166,75,.3)}.status-badge--error{background:#d75d591f;color:var(--negative);border:1px solid rgba(215,93,89,.3)}.status-badge--info{background:#54a7d81f;color:var(--info);border:1px solid rgba(84,167,216,.3)}.icon-sm{width:16px;height:16px;vertical-align:middle}.icon-md{width:24px;height:24px}.icon-lg{width:48px;height:48px}.zebra-row--even{background:#ffffff0b}