:root{--tide-background: #071923;--tide-surface: #0b2733;--tide-surface-elevated: #123847;--tide-surface-glass: color-mix(in srgb, var(--tide-surface) 76%, transparent);--tide-border: #255465;--tide-border-strong: #4dd7ff;--tide-text: #e8faff;--tide-text-muted: #92b5c2;--tide-primary: #4dd7ff;--tide-primary-text: #021016;--tide-success: #22c55e;--tide-warning: #f59e0b;--tide-danger: #ef4444;--tide-info: #38bdf8;--tide-chart1: #4dd7ff;--tide-chart2: #22c55e;--tide-chart3: #f59e0b;--tide-chart4: #a78bfa;--tide-chart5: #fb7185;--tide-glass-opacity: .76;--tide-blur-strength: 18px;--tide-shadow-panel: 0 18px 54px rgba(0, 0, 0, .18);--tide-shadow-floating: 0 24px 80px rgba(0, 0, 0, .24);--tide-radius-small: 6px;--tide-radius-medium: 8px;--tide-radius-large: 12px;--tide-radius-card: 8px;--tide-navigation-background: var(--tide-surface);--tide-dashboard-gradient: linear-gradient(135deg, var(--tide-background), var(--tide-surface-elevated));--tide-login-background: radial-gradient(circle at top, var(--tide-surface-elevated), var(--tide-background));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--tide-text);background:var(--tide-background)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--tide-dashboard-gradient)}button,input{font:inherit}.tide-app{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.tide-main{position:relative;padding:24px;overflow:hidden}.tide-side-nav{display:flex;flex-direction:column;gap:6px;padding:20px 14px;background:var(--tide-navigation-background);border-right:1px solid var(--tide-border)}.tide-brand{height:44px;display:grid;align-items:center;padding-inline:12px;color:var(--tide-primary);font-size:24px;font-weight:760}.tide-side-nav button,.tide-module-strip button,.tide-command-item{border:0;color:var(--tide-text-muted);background:transparent;cursor:pointer}.tide-side-nav button{display:flex;align-items:center;gap:10px;min-height:40px;padding:0 12px;border-radius:var(--tide-radius-medium);text-align:left}.tide-side-nav button.active,.tide-side-nav button:hover,.tide-module-strip button.active,.tide-module-strip button:hover{color:var(--tide-text);background:var(--tide-surface-elevated)}.tide-top-nav{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.tide-top-nav h1{margin:2px 0 0;font-size:28px;letter-spacing:0}.tide-overline{margin:0;color:var(--tide-text-muted);font-size:12px;text-transform:uppercase}.tide-top-actions,.tide-toolbar,.tide-action-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tide-switch-row{display:inline-flex;align-items:center;gap:8px;color:var(--tide-text-muted);font-size:13px}.tide-hidden-input{display:none}.tide-module-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:16px}.tide-module-strip button{flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium)}.tide-segmented{display:inline-flex;flex-wrap:wrap;gap:4px;width:fit-content;margin-bottom:12px;padding:4px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium);background:var(--tide-surface)}.tide-segmented button{min-width:48px;min-height:30px;padding:0 10px;color:var(--tide-text-muted);border:0;border-radius:var(--tide-radius-small);background:transparent;cursor:pointer}.tide-segmented button.active,.tide-segmented button:hover{color:var(--tide-primary-text);background:var(--tide-primary)}.tide-stack,.tide-grid{display:grid;gap:16px}.tide-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.tide-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tide-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.tide-grid-main{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}.tide-card,.tide-module-card,.tide-theme-card{border:1px solid var(--tide-border);border-radius:var(--tide-radius-card);background:var(--tide-surface-glass);box-shadow:var(--tide-shadow-panel);-webkit-backdrop-filter:blur(var(--tide-blur-strength));backdrop-filter:blur(var(--tide-blur-strength))}.tide-card{padding:18px}.tide-module-card,.tide-theme-card{display:grid;gap:6px;width:100%;min-height:94px;padding:16px;color:var(--tide-text);text-align:left;cursor:pointer}.tide-module-card span,.tide-theme-card small,.tide-section-title span,.tide-user-row span{color:var(--tide-text-muted)}.tide-section-title{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.tide-section-title h2{margin:0;font-size:18px}.tide-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 14px;border:1px solid transparent;border-radius:var(--tide-radius-medium);cursor:pointer}.tide-button-primary{color:var(--tide-primary-text);background:var(--tide-primary)}.tide-button-quiet{color:var(--tide-text);background:var(--tide-surface-elevated);border-color:var(--tide-border)}.tide-button-danger{color:var(--tide-primary-text);background:var(--tide-danger)}.tide-input,.tide-select{width:100%;min-height:40px;padding:0 12px;color:var(--tide-text);background:var(--tide-surface);border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium)}.tide-form{display:grid;gap:12px}.tide-form label{display:grid;gap:6px;color:var(--tide-text-muted)}.tide-login{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--tide-login-background)}.tide-login-panel{width:min(420px,100%);padding:24px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-card);background:var(--tide-surface-glass);box-shadow:var(--tide-shadow-floating)}.tide-login-brand{display:grid;gap:4px;margin-bottom:20px}.tide-login-brand span{color:var(--tide-primary);font-size:34px;font-weight:780}.tide-login-brand strong{color:var(--tide-text-muted)}.tide-auth-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px;padding:4px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium);background:var(--tide-surface)}.tide-auth-tabs button{min-height:34px;color:var(--tide-text-muted);border:0;border-radius:var(--tide-radius-small);background:transparent;cursor:pointer}.tide-auth-tabs button.active{color:var(--tide-primary-text);background:var(--tide-primary)}.tide-portal-app{grid-template-columns:1fr}.tide-error{display:grid;gap:4px;padding:12px;color:var(--tide-text);border:1px solid var(--tide-danger);border-radius:var(--tide-radius-medium)}.tide-error small,.tide-error code{color:var(--tide-text-muted)}.tide-table-wrap{overflow:auto;border:1px solid var(--tide-border);border-radius:var(--tide-radius-card)}.tide-table{width:100%;border-collapse:collapse;background:var(--tide-surface-glass)}.tide-table th,.tide-table td{padding:12px;border-bottom:1px solid var(--tide-border);text-align:left;white-space:nowrap}.tide-table th{color:var(--tide-text-muted);font-weight:650}.tide-badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border:1px solid currentColor;border-radius:var(--tide-radius-small);font-size:12px}.tide-badge-success,.tide-status-success{color:var(--tide-success)}.tide-badge-warning,.tide-status-warning{color:var(--tide-warning)}.tide-badge-danger,.tide-status-danger{color:var(--tide-danger)}.tide-badge-info,.tide-status-info{color:var(--tide-info)}.tide-status{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 20px currentColor}.tide-metric{position:relative;min-height:132px}.tide-metric p,.tide-metric span{color:var(--tide-text-muted)}.tide-metric strong{display:block;margin:8px 0;font-size:28px}.tide-metric-icon{position:absolute;top:14px;right:14px;color:var(--tide-primary)}.tide-timeline,.tide-user-row,.tide-server-card,.tide-node-health{display:flex;align-items:center;justify-content:space-between;gap:12px}.tide-timeline{justify-content:flex-start;min-height:42px}.tide-server-card,.tide-node-health{min-height:82px}.tide-user-policy-list{display:grid;gap:14px}.tide-user-policy-row{display:grid;gap:12px;padding:14px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-card);background:color-mix(in srgb,var(--tide-surface) 72%,transparent)}.tide-user-policy-head,.tide-user-policy-hint{display:flex;align-items:center;justify-content:space-between;gap:12px}.tide-user-policy-head div{display:grid;gap:4px}.tide-user-policy-head span,.tide-user-policy-hint span{color:var(--tide-text-muted)}.tide-user-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tide-user-policy-grid label{display:grid;gap:6px;color:var(--tide-text-muted)}.tide-user-policy-grid .tide-switch-row{display:flex;align-items:center;min-height:40px}.tide-precision-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px}.tide-precision-grid .tide-module-card{min-height:88px;padding:12px}.tide-traffic-event{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:46px;padding-block:4px}.tide-server-card div,.tide-node-health div{display:grid;gap:4px;flex:1}.tide-quota{position:relative;width:180px;height:12px;overflow:hidden;border-radius:99px;background:var(--tide-surface-elevated)}.tide-quota span{position:absolute;inset:0 auto 0 0;background:var(--tide-primary)}.tide-quota em{position:absolute;inset:-20px 0 auto;color:var(--tide-text-muted);font-style:normal;font-size:12px}.tide-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.tide-theme-card.active{border-color:var(--tide-primary)}.tide-theme-swatch{height:72px;border-radius:var(--tide-radius-medium);border:1px solid var(--tide-border)}.tide-copy{max-width:100%;overflow:auto;padding:12px;color:var(--tide-text);background:var(--tide-surface);border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium)}.tide-command{position:absolute;z-index:20;right:24px;top:88px;width:min(420px,calc(100vw - 48px));padding:12px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-card);background:var(--tide-surface-elevated);box-shadow:var(--tide-shadow-floating)}.tide-command-input,.tide-command-item{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px}.tide-command-item{justify-content:flex-start;min-height:54px;text-align:left;border-radius:var(--tide-radius-medium)}.tide-command-item:hover{color:var(--tide-text);background:var(--tide-surface-glass)}.tide-command-item span{display:grid;gap:2px}.tide-command-item strong{font-size:13px;font-weight:720}.tide-command-item small{color:var(--tide-text-muted);font-size:12px}.tide-select-content{padding:6px;color:var(--tide-text);background:var(--tide-surface-elevated);border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium)}.tide-select-item{padding:8px 10px;border-radius:var(--tide-radius-small)}.tide-switch{width:42px;height:24px;border:1px solid var(--tide-border);border-radius:99px;background:var(--tide-surface-elevated)}.tide-switch[data-state=checked]{border-color:var(--tide-primary);background:var(--tide-primary)}.tide-switch-thumb{display:block;width:20px;height:20px;border-radius:50%;background:var(--tide-text);transform:translate(1px)}.tide-switch[data-state=checked] .tide-switch-thumb{background:var(--tide-primary-text);transform:translate(17px)}.tide-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--tide-background) 64%,transparent)}.tide-drawer{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;padding:20px;background:var(--tide-surface);border-left:1px solid var(--tide-border);box-shadow:var(--tide-shadow-floating)}.tide-drawer-stack{display:grid;gap:14px;margin-top:16px;padding-bottom:24px}.tide-drawer-stack .tide-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.tide-qr-preview{width:160px;height:160px;padding:10px;border:1px solid var(--tide-border);border-radius:var(--tide-radius-medium);background:var(--tide-surface)}@media(max-width:960px){.tide-app{grid-template-columns:1fr}.tide-side-nav{position:sticky;top:0;z-index:10;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--tide-border)}.tide-side-nav button{flex:0 0 auto}.tide-brand{min-width:92px}.tide-grid-4,.tide-grid-3,.tide-grid-main{grid-template-columns:1fr}.tide-precision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tide-top-nav{align-items:flex-start;flex-direction:column}.tide-user-policy-grid{grid-template-columns:1fr}.tide-user-policy-head,.tide-user-policy-hint{align-items:flex-start;flex-direction:column}.tide-traffic-event,.tide-drawer-stack .tide-grid-3{grid-template-columns:1fr}}
