:root{--bg-primary: #0b0c10;--bg-secondary: #1a1d29;--bg-tertiary: #252a3a;--glass-opacity: .03;--glass-bg: rgba(255, 255, 255, var(--glass-opacity));--glass-bg-hover: rgba(255, 255, 255, .06);--glass-bg-active: rgba(255, 255, 255, .09);--glass-bg-elevated: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-border-active: rgba(255, 255, 255, .25);--glass-blur: 16px;--glass-blur-strong: 24px;--card-bg: rgba(255, 255, 255, .04);--card-bg-hover: rgba(255, 255, 255, .07);--card-border: rgba(255, 255, 255, .1);--card-border-hover: rgba(255, 255, 255, .18);--card-accent-thickness: 3px;--card-accent-primary: #66fcf1;--card-accent-secondary: #45a29e;--card-accent-warning: #f59e0b;--card-accent-critical: #ef4444;--card-accent-info: #3b82f6;--card-accent-success: #10b981;--card-glow-primary: 0 0 20px rgba(102, 252, 241, .3);--card-glow-warning: 0 0 20px rgba(245, 158, 11, .3);--card-glow-critical: 0 0 20px rgba(239, 68, 68, .3);--icon-primary: #66fcf1;--icon-secondary: #45a29e;--icon-muted: #64748b;--icon-warning: #f59e0b;--icon-critical: #ef4444;--icon-success: #10b981;--icon-info: #3b82f6;--icon-bg: rgba(102, 252, 241, .1);--icon-bg-warning: rgba(245, 158, 11, .1);--icon-bg-critical: rgba(239, 68, 68, .1);--highlight: #66fcf1;--primary: var(--highlight);--highlight-hover: #7ffef5;--highlight-muted: rgba(102, 252, 241, .15);--accent: #45a29e;--accent-hover: #5bb8b4;--accent-muted: rgba(69, 162, 158, .15);--success: #10b981;--success-muted: rgba(16, 185, 129, .15);--warning: #f59e0b;--warning-muted: rgba(245, 158, 11, .15);--error: #ef4444;--error-muted: rgba(239, 68, 68, .15);--info: #3b82f6;--info-muted: rgba(59, 130, 246, .15);--card-primary: #66fcf1;--card-warning: #f59e0b;--card-critical: #ef4444;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-disabled: #475569;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Orbitron", "Rajdhani", "Exo 2", sans-serif;--font-display: "Rajdhani", "Orbitron", "Exo 2", sans-serif;--font-body: "Exo 2", "Inter", -apple-system, sans-serif;--font-mono: "Share Tech Mono", "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--text-scale: 1;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--btn-primary-bg: var(--highlight);--btn-primary-text: #0a0a0a;--btn-primary-hover: var(--highlight-hover);--btn-primary-border: var(--highlight);--on-highlight-text: #0a0a0a;--on-highlight-text-muted: #1a1a1a;--btn-secondary-bg: var(--glass-bg);--btn-secondary-text: var(--text-primary);--btn-secondary-hover: var(--glass-bg-hover);--btn-secondary-border: var(--glass-border);--btn-ghost-bg: transparent;--btn-ghost-text: var(--text-secondary);--btn-ghost-hover: var(--glass-bg);--btn-ghost-border: transparent;--btn-danger-bg: var(--error-muted);--btn-danger-text: var(--error);--btn-danger-hover: var(--error);--btn-danger-border: var(--error);--input-bg: rgba(0, 0, 0, .3);--input-bg-hover: rgba(0, 0, 0, .4);--input-bg-focus: rgba(0, 0, 0, .5);--input-border: var(--glass-border);--input-border-hover: var(--glass-border-hover);--input-border-focus: var(--highlight);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .5);--glow-primary: 0 0 20px rgba(102, 252, 241, .3);--glow-strong: 0 0 30px rgba(102, 252, 241, .5);--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-xl: 24px;--border-radius-full: 9999px;--divider: rgba(255, 255, 255, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--z-toast: 1200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}button:focus,a:focus,[role=button]:focus,[tabindex]:focus{outline:none}button:active:not(:disabled),a:active,[role=button]:active{transform:scale(.98)}.touch-target{min-width:44px;min-height:44px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(102,252,241,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(69,162,158,.02) 0%,transparent 40%),radial-gradient(ellipse at 20% 90%,rgba(102,252,241,.02) 0%,transparent 40%);background-attachment:fixed;min-height:100vh}body[data-theme=mobiglas]{background-image:radial-gradient(ellipse at 50% 0%,rgba(0,212,255,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(0,168,204,.04) 0%,transparent 50%),radial-gradient(ellipse at 20% 90%,rgba(0,212,255,.04) 0%,transparent 50%)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0;letter-spacing:.02em;text-transform:uppercase}h1{font-size:var(--font-size-3xl);letter-spacing:.05em}h2{font-size:var(--font-size-2xl);letter-spacing:.04em}h3{font-size:var(--font-size-xl);letter-spacing:.03em}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{font-family:var(--font-body);color:var(--text-secondary);margin:0}a{color:var(--highlight);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--highlight-hover)}code,pre{font-family:var(--font-mono)}input,textarea,select{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--border-radius-md);padding:.75rem 1rem;width:100%;transition:var(--transition-base);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}input:hover,textarea:hover,select:hover{background:var(--input-bg-hover);border-color:var(--input-border-hover)}input:focus,textarea:focus,select:focus{outline:none;background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:none}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--input-placeholder)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2366fcf1' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}select option{background:var(--bg-secondary);color:var(--text-primary);padding:.5rem}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:.5rem}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none;transition:var(--transition-base)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--glass-border-hover);border-radius:4px;border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--glass-border-hover) var(--bg-secondary)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}::selection{background:var(--highlight);color:var(--bg-primary)}::-moz-selection{background:var(--highlight);color:var(--bg-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-base) ease-out}.animate-slide-down{animation:slideDown var(--transition-base) ease-out}.animate-scale-in{animation:scaleIn var(--transition-base) ease-out}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-highlight{color:var(--highlight)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.text-tech{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.05em}.text-display{font-family:var(--font-display);font-weight:var(--font-weight-semibold)}.icon-primary{color:var(--icon-primary)}.icon-secondary{color:var(--icon-secondary)}.icon-muted{color:var(--icon-muted)}.icon-warning{color:var(--icon-warning)}.icon-critical{color:var(--icon-critical)}.icon-success{color:var(--icon-success)}.icon-info{color:var(--icon-info)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);animation:fadeIn var(--transition-fast) ease-out}.supabase-auth-ui_ui input{background:var(--input-bg)!important;border:1px solid var(--input-border)!important;color:var(--text-primary)!important}.supabase-auth-ui_ui input:focus{border-color:var(--highlight)!important;box-shadow:none!important}.supabase-auth-ui_ui button{background:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important;border:none!important}.supabase-auth-ui_ui button:hover{background:var(--btn-primary-hover)!important;transform:translateY(-1px)}.supabase-auth-ui_ui a{color:var(--highlight)!important}@media (max-width: 1280px){:root{--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}}@media (max-width: 768px){:root{--font-size-base: .9375rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem}.hide-mobile{display:none!important}}@media (max-width: 480px){:root{--font-size-base: .875rem;--spacing-md: .75rem;--spacing-lg: 1rem}}.mobiglas-panel{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));padding:var(--spacing-lg);transition:var(--transition-base)}.mobiglas-panel:before,.mobiglas-panel:after{content:"";position:absolute;width:20px;height:20px;border:2px solid var(--highlight);transition:var(--transition-base)}.mobiglas-panel:before{top:-1px;left:-1px;border-right:none;border-bottom:none;border-top-left-radius:var(--border-radius-md)}.mobiglas-panel:after{bottom:-1px;right:-1px;border-left:none;border-top:none;border-bottom-right-radius:var(--border-radius-md)}.mobiglas-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glow-sm)}.mobiglas-panel:hover:before,.mobiglas-panel:hover:after{border-color:var(--highlight-hover);box-shadow:var(--glow-sm)}.mobiglas-section{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);padding-top:calc(var(--spacing-xl) + 4px)}.mobiglas-section-header{position:absolute;top:0;left:0;right:0;height:32px;display:flex;align-items:center;padding:0 var(--spacing-lg);background:#0000004d;border-bottom:1px solid var(--glass-border);border-top-left-radius:var(--border-radius-md);border-top-right-radius:var(--border-radius-md)}.mobiglas-section-title{font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.mobiglas-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--border-radius-sm);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;border:1px solid;transition:var(--transition-fast)}.mobiglas-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulse 2s ease-in-out infinite}.mobiglas-status.safe{color:var(--success);background:var(--success-muted);border-color:var(--success)}.mobiglas-status.nominal{color:var(--highlight);background:var(--highlight-muted);border-color:var(--highlight)}.mobiglas-status.warning{color:var(--warning);background:var(--warning-muted);border-color:var(--warning)}.mobiglas-status.critical{color:var(--error);background:var(--error-muted);border-color:var(--error)}.mobiglas-grid{position:relative;overflow:hidden}.mobiglas-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1}.mobiglas-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--divider-strong) 10%,var(--divider-strong) 90%,transparent 100%);margin:var(--spacing-lg) 0;position:relative}.mobiglas-divider:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:4px;background:var(--highlight);border-radius:50%;box-shadow:0 0 8px var(--highlight)}.mobiglas-metric{display:flex;flex-direction:column;gap:4px}.mobiglas-metric-label{font-family:var(--font-heading);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mobiglas-metric-value{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--highlight);line-height:1}.mobiglas-metric-unit{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:4px}.mobiglas-gauge{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.mobiglas-gauge-track{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid rgba(0,212,255,.15)}.mobiglas-gauge-fill{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--highlight);border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-45deg);transition:transform var(--transition-slow);box-shadow:0 0 12px #00d4ff4d}.mobiglas-gauge-value{position:relative;z-index:2;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--highlight)}.mobiglas-gauge-label{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap}.mobiglas-notification{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--glass-bg);border:1px solid var(--glass-border);border-left:3px solid var(--highlight);border-radius:var(--border-radius-sm);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:var(--transition-base)}.mobiglas-notification:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translate(2px)}.mobiglas-notification-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--icon-bg);border:1px solid var(--highlight);border-radius:var(--border-radius-sm);color:var(--highlight)}.mobiglas-notification-content{flex:1;min-width:0}.mobiglas-notification-title{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:2px}.mobiglas-notification-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.mobiglas-notification.warning{border-left-color:var(--warning)}.mobiglas-notification.warning .mobiglas-notification-icon{background:var(--icon-bg-warning);border-color:var(--warning);color:var(--warning)}.mobiglas-notification.critical{border-left-color:var(--error)}.mobiglas-notification.critical .mobiglas-notification-icon{background:var(--icon-bg-critical);border-color:var(--error);color:var(--error)}.mobiglas-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--highlight);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden}.mobiglas-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1),transparent);transition:left .5s}.mobiglas-btn:hover{background:var(--glass-bg-hover);border-color:var(--highlight);box-shadow:var(--glow-sm);transform:translateY(-1px)}.mobiglas-btn:hover:before{left:100%}.mobiglas-btn:active{transform:translateY(0)}.mobiglas-btn.primary{background:var(--highlight);color:var(--bg-primary);border-color:var(--highlight)}.mobiglas-btn.primary:hover{background:var(--highlight-hover);border-color:var(--highlight-hover)}.mobiglas-scanlines{position:relative;overflow:hidden}.mobiglas-scanlines:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,transparent 1px,transparent 2px,rgba(0,0,0,.1) 3px);opacity:var(--scanline-opacity, .03);pointer-events:none;z-index:100}@keyframes holographic-pulse{0%,to{box-shadow:0 0 20px #00d4ff33,inset 0 0 20px #00d4ff0d}50%{box-shadow:0 0 30px #00d4ff66,inset 0 0 30px #00d4ff1a}}.mobiglas-holographic{animation:holographic-pulse 3s ease-in-out infinite}.mobiglas-corners{position:relative}.mobiglas-corners:before,.mobiglas-corners:after{content:"";position:absolute;width:16px;height:16px;border:2px solid var(--highlight);opacity:.6}.mobiglas-corners:before{top:0;left:0;border-right:none;border-bottom:none}.mobiglas-corners:after{bottom:0;right:0;border-left:none;border-top:none}.mobiglas-table{width:100%;border-collapse:separate;border-spacing:0;font-family:var(--font-body);font-size:var(--font-size-sm)}.mobiglas-table thead{background:var(--table-header-bg);border-bottom:2px solid var(--glass-border)}.mobiglas-table th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--glass-border)}.mobiglas-table tbody tr{transition:var(--transition-fast);border-bottom:1px solid var(--divider)}.mobiglas-table tbody tr:hover{background:var(--table-row-bg-hover)}.mobiglas-table td{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);border-bottom:1px solid var(--divider)}.mobiglas-table tbody tr:last-child td{border-bottom:none}.mobiglas-progress{width:100%;height:var(--progress-height, 6px);background:var(--progress-bg);border-radius:var(--border-radius-full);overflow:hidden;position:relative}.mobiglas-progress-fill{height:100%;background:linear-gradient(90deg,var(--highlight),var(--accent));border-radius:var(--border-radius-full);transition:width var(--transition-slow);box-shadow:0 0 12px #00d4ff80;position:relative;overflow:hidden}.mobiglas-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progress-shimmer 2s infinite}@keyframes progress-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mobiglas-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));transition:var(--transition-base);position:relative;overflow:hidden}.mobiglas-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--highlight),transparent);opacity:0;transition:opacity var(--transition-base)}.mobiglas-card:hover{background:var(--card-bg-hover);border-color:var(--card-border-hover);transform:translateY(-2px);box-shadow:var(--card-hover-glow)}.mobiglas-card:hover:before{opacity:1}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.fleet-search{padding-left:45px!important;padding-right:45px!important}.fleet-table{width:100%;border-collapse:collapse;color:#fff}.fleet-table th{text-align:left;padding:15px;background:var(--card-bg);border-bottom:2px solid var(--accent);color:var(--accent);font-size:.8rem}.fleet-table th.sortable-header{cursor:pointer;transition:color .2s}.fleet-table th.sortable-header:hover{color:var(--highlight)}.fleet-table td{padding:15px;border-bottom:1px solid #333;font-size:.9rem;vertical-align:middle}.fleet-table tr:hover{background:#284b6333;cursor:pointer}.fleet-table tr.selected-row{background:#66fcf126;border-left:3px solid var(--highlight)}.list-checkbox-container{display:flex;align-items:center;justify-content:center;height:100%}.list-checkbox{width:20px;height:20px;background-color:transparent;border:2px solid var(--text-muted);border-radius:4px;transition:all .2s}.list-checkbox.checked{background-color:var(--highlight);border-color:var(--highlight)}.list-checkbox.checked:after{content:"✔";color:var(--bg-color);position:relative;display:block;text-align:center;line-height:18px;font-weight:700}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:20px;border:3px solid var(--card-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--highlight)}.file-drop-zone{margin-top:20px;margin-bottom:20px}.file-drop-label{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;border:2px dashed var(--border-color);border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;text-align:center;color:var(--text-muted)}.file-drop-label:hover{background-color:var(--card-bg-hover);border-color:var(--highlight)}.file-drop-label.dragging{background-color:#45a29e1a;border-color:var(--accent);color:var(--accent)}.file-drop-label span{font-weight:500}.segmented-control{display:flex;box-sizing:border-box;border-radius:8px;width:100%;border:1px solid var(--border-color);overflow:hidden;background:var(--bg-color-darker)}.segmented-control button{flex:1;padding:10px 15px;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background .2s ease-in-out,color .2s ease-in-out;font-size:.9rem}.segmented-control .segment-btn.active{background:#98c1d9;color:var(--bg-color);font-weight:600}.segmented-control button:first-child{border-right:1px solid var(--border-color)}.button-primary{flex:2;padding:15px;background:#284b63;border:none;border-radius:6px;color:var(--text-primary);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.button-danger{flex:1;padding:15px;background:transparent;border:1px solid var(--danger);border-radius:6px;color:var(--danger);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:background-color .2s,color .2s}.button-danger:hover:not(:disabled){background-color:var(--danger);color:#000}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.ship-card{position:relative;aspect-ratio:16 / 9;border-radius:12px;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(102,252,241,.2);display:flex;align-items:flex-end;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.ship-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--highlight);opacity:.4;z-index:1}.ship-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #66fcf126;border-color:var(--highlight)}.ship-card:hover:after{opacity:.7}.ship-card-content{position:relative;z-index:2;padding:8px 18px 10px;color:var(--text-primary);display:flex;flex-direction:column;width:100%;box-sizing:border-box;background:#0b0c10d9;backdropFilter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(102,252,241,.15)}.ship-card-header{display:flex;flex-direction:column;justify-content:flex-end;min-height:32px}.ship-card-model{margin:0;font-size:1rem;font-weight:700}.ship-card-manufacturer{margin:0;font-size:.8rem}.ship-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:6px;margin-top:6px;border-top:1px solid rgba(102,252,241,.15)}.ship-card-stats{display:flex;gap:15px;font-size:.85rem;color:var(--text-primary)}.ship-card-stat-item{display:flex;align-items:center;gap:6px}.ship-card-insurance{background:#0b0c1080;border:1px solid rgba(102,252,241,.25);color:var(--highlight);padding:3px 7px;border-radius:4px;font-weight:700;font-size:.8rem;white-space:nowrap}.ship-card-custom-name-tag{position:absolute;top:12px;right:12px;z-index:3;background:#0b0c10d9;backdropFilter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(102,252,241,.3);color:var(--highlight);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.3px;box-shadow:0 4px 12px #0006}.app-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;margin-bottom:20px;border-radius:8px;background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.brand-text{font-size:1.2rem;color:#fff;margin:0}.brand-highlight{color:var(--highlight)}.nav-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--highlight)}