@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";html,body,#root{margin:0;min-height:100%}body{background:transparent}:root{color:var(--chakra-colors-text-300);font-family:var(--chakra-fonts-body);background:radial-gradient(circle at 20% 0%,rgba(122,218,246,.18),transparent 24%),radial-gradient(circle at 100% 0%,rgba(79,117,255,.14),transparent 22%),radial-gradient(circle at 50% 100%,rgba(74,255,196,.08),transparent 26%),radial-gradient(circle at top left,rgba(120,203,231,.14),transparent 28%),radial-gradient(circle at top right,rgba(69,105,144,.16),transparent 24%),linear-gradient(180deg,#05070b,#09111a 42%,#0d1622);color-scheme:dark;--app-bg: rgba(9, 14, 22, .78);--app-bg-strong: rgba(7, 11, 18, .92);--surface-bg: rgba(15, 22, 33, .8);--surface-bg-strong: rgba(13, 20, 30, .92);--surface-bg-soft: rgba(255, 255, 255, .03);--surface-border: rgba(187, 217, 255, .12);--surface-border-strong: rgba(122, 218, 246, .18);--surface-strong: rgba(12, 18, 27, .97);--text-primary: var(--chakra-colors-text-200);--text-secondary: var(--chakra-colors-text-400);--text-tertiary: var(--chakra-colors-text-500);--accent: var(--chakra-colors-accent-300);--accent-strong: var(--chakra-colors-accent-400);--success: var(--chakra-colors-success-200);--warning: var(--chakra-colors-warning-100);--danger: var(--chakra-colors-danger-100);--focus-ring: 0 0 0 4px rgba(122, 218, 246, .14);--shadow-xl: 0 36px 100px rgba(3, 10, 20, .46);--shadow-lg: 0 20px 50px rgba(3, 10, 20, .28);--shadow-button: 0 18px 40px rgba(54, 156, 192, .22);--radius-shell: 30px;--radius-card: 24px;--radius-control: 18px;--radius-pill: 999px;--page-max-width: 1600px;--transition-fast: .16s cubic-bezier(.2, .8, .2, 1);--transition-base: .24s cubic-bezier(.2, .8, .2, 1)}html{scroll-behavior:smooth}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:transparent;color:var(--text-primary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{text-decoration:none}.app-shell{min-height:100vh;padding:20px;position:relative}.app-shell:before,.app-shell:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(60px);opacity:.65}.app-shell:before{width:320px;height:320px;top:72px;right:6vw;background:radial-gradient(circle,rgba(122,218,246,.2),transparent 70%)}.app-shell:after{width:280px;height:280px;bottom:72px;left:4vw;background:radial-gradient(circle,rgba(101,120,255,.16),transparent 68%)}.app-frame{position:relative;z-index:1;max-width:var(--page-max-width);margin:0 auto;min-height:calc(100vh - 40px);display:grid;grid-template-columns:280px minmax(0,1fr);background:var(--app-bg);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-shell);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(28px) saturate(140%);backdrop-filter:blur(28px) saturate(140%);overflow:hidden;isolation:isolate}.app-frame:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),radial-gradient(circle at top left,rgba(122,218,246,.08),transparent 24%);pointer-events:none}.app-sidebar{position:relative;padding:28px 22px;border-right:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#08111ef5,#09111dd6)}.brand-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-pill);background:#7adaf61f;border:1px solid rgba(122,218,246,.12);color:#caf2ff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-title{font-family:var(--chakra-fonts-heading);font-size:31px;font-weight:800;letter-spacing:-.055em;margin:18px 0 8px}.brand-copy{color:var(--text-secondary);line-height:1.6;margin-bottom:32px;max-width:28ch}.nav-link{display:flex;align-items:center;gap:12px;border-radius:20px;padding:13px 14px;color:var(--text-secondary);transition:background var(--transition-fast),transform var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);border:1px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-link:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff14;transform:translate(2px);box-shadow:inset 0 1px #ffffff0a}.nav-link[data-active=true]{color:var(--text-primary);background:linear-gradient(135deg,#7adaf633,#3dc0ff14);border-color:#7adaf62e;box-shadow:inset 0 1px #ffffff0f,0 10px 28px #061a2a38}.app-main{position:relative;padding:28px 30px 34px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%),transparent}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px;flex-wrap:wrap}.topbar-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:22px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px #ffffff08}.page{display:flex;flex-direction:column;gap:22px;animation:page-enter .42s cubic-bezier(.18,.78,.18,1) both}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.page-title{font-family:var(--chakra-fonts-heading);font-size:clamp(32px,3vw,44px);line-height:.98;letter-spacing:-.06em;margin:0;max-width:14ch}.page-subtitle{color:var(--text-secondary);margin-top:10px;line-height:1.72;max-width:760px}.section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:1 / -1}.surface-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%),var(--surface-bg);border:1px solid var(--surface-border);border-radius:var(--radius-card);padding:22px;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:inset 0 1px #ffffff0a,var(--shadow-lg);transition:transform var(--transition-base),border-color var(--transition-base),background var(--transition-base),box-shadow var(--transition-base)}.surface-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(122,218,246,.06),transparent 28%);opacity:0;transition:opacity var(--transition-base);pointer-events:none}.surface-card:hover{border-color:#7adaf629;transform:translateY(-2px)}.surface-card:hover:before{opacity:1}.surface-card--hero{background:radial-gradient(circle at top left,rgba(122,218,246,.16),transparent 34%),linear-gradient(140deg,rgba(104,225,253,.08),transparent 45%),linear-gradient(180deg,#111d30f5,#09121df5);border-color:var(--surface-border-strong)}.eyebrow{color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700}.metric-value{font-family:var(--chakra-fonts-heading);font-size:34px;font-weight:700;letter-spacing:-.05em;margin-top:12px}.metric-copy{color:var(--text-secondary);margin-top:8px;line-height:1.5}.resource-list{display:flex;flex-direction:column;gap:12px}.resource-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:17px 18px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#ffffff08,#ffffff05),#ffffff05;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.resource-row:hover{transform:translateY(-1px);border-color:#7adaf624;background:linear-gradient(180deg,#7adaf60d,#ffffff08),#ffffff06}.resource-row__title{font-weight:700;color:var(--text-primary)}.resource-row__meta{color:var(--text-secondary);font-size:14px;line-height:1.6}.surface-form{display:grid;gap:14px}.surface-form__actions{display:flex;gap:12px;flex-wrap:wrap}.field-label{font-size:13px;color:var(--text-secondary);font-weight:600;letter-spacing:.01em}.field-group{display:grid;gap:8px}.field-input,.field-select,.field-textarea{width:100%;appearance:none;border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,#ffffff08,#fff0),#060c16b8;color:var(--text-primary);border-radius:var(--radius-control);padding:14px 15px;font:inherit;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);box-shadow:inset 0 1px #ffffff05}.field-input::placeholder,.field-textarea::placeholder{color:#98a7bab3}.field-textarea{min-height:116px;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#7adaf661;background:linear-gradient(180deg,#7adaf60a,#fff0),#060c16c2;box-shadow:var(--focus-ring)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid transparent;border-radius:17px;padding:12px 18px;font:inherit;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);position:relative;overflow:hidden}.button:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,rgba(255,255,255,.14) 50%,transparent 90%);transform:translate(-130%);transition:transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}.button:hover{transform:translateY(-1px)}.button:hover:before{transform:translate(130%)}.button:focus-visible,.nav-link:focus-visible,.field-input:focus-visible,.field-select:focus-visible,.field-textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button--primary{color:#051019;background:linear-gradient(135deg,#9fe7fb,#43b6d9 62%,#2f7cff);box-shadow:var(--shadow-button)}.button--secondary{color:var(--text-primary);background:#ffffff0f;border-color:#ffffff17}.button--ghost{color:var(--text-secondary);background:#ffffff05;border-color:#ffffff0f}.button--secondary:hover,.button--ghost:hover{color:var(--text-primary);border-color:#7adaf624;background:#ffffff14}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.metric-card{display:grid;gap:10px;min-height:184px}.metric-card__label{color:var(--text-tertiary);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.metric-card__value{font-family:var(--chakra-fonts-heading);font-size:32px;font-weight:700;letter-spacing:-.05em}.metric-card__caption{color:var(--text-secondary);font-size:14px;line-height:1.6}.tenant-pill{display:inline-flex;align-items:center;gap:10px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.07);padding:10px 14px;color:var(--text-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tenant-select{min-width:240px}.inline-meta{display:inline-flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px}.data-table{width:100%;border-collapse:collapse;overflow:hidden}.data-table th{text-align:left;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.12em;padding-bottom:14px}.data-table td{padding:16px 0;border-top:1px solid rgba(255,255,255,.06);vertical-align:top}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff06}.mono{font-family:var(--chakra-fonts-mono);font-size:13px}.detail-stack{display:grid;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.detail-row__label{color:var(--text-tertiary);font-size:13px}.detail-row__value{color:var(--text-primary);text-align:right;max-width:70%}.alert-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:14px 16px;border-radius:20px;border:1px solid rgba(255,123,123,.22);background:linear-gradient(180deg,#ff7b7b1f,#ff7b7b14),#ff7b7b14;color:#ffd2d2}.split-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-pill);padding:7px 11px;background:#ffffff0d;border:1px solid rgba(255,255,255,.05);color:var(--text-primary);font-size:12px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-pill[data-tone=success]{background:#3dd9b324;color:#9bf5df}.status-pill[data-tone=warning]{background:#f6c76829;color:#ffe4ab}.status-pill[data-tone=danger]{background:#ff7b7b24;color:#ffb8b8}.muted-empty{color:var(--text-secondary);border:1px dashed rgba(255,255,255,.08);border-radius:20px;padding:20px;background:linear-gradient(180deg,#ffffff06,#ffffff04),#ffffff05}.login-shell{position:relative;min-height:100vh;padding:32px;display:flex;align-items:center;justify-content:center}.login-card{max-width:620px;width:100%}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:1080px){.app-frame{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.section-grid,.split-two,.metric-grid{grid-template-columns:1fr}.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:1 / -1}.page-title{max-width:none}}@media(max-width:720px){.app-shell,.login-shell{padding:14px}.app-main,.app-sidebar{padding:20px 18px 24px}.topbar{align-items:stretch}.topbar-card{width:100%}.resource-row,.detail-row{flex-direction:column}.detail-row__value{max-width:none;text-align:left}}