@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Share+Tech+Mono&family=Inter:wght@300;400;500;600&display=swap";.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--cl-white);border-bottom:1px solid var(--cl-border-light);position:sticky;top:0;z-index:10}.app-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cl-amber),transparent);opacity:.3}.app-logo{margin:0;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--cl-amber);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.app-logo-img{width:1.75rem;height:1.75rem;object-fit:contain}.app-header-actions{display:flex;align-items:center;gap:.5rem}.btn-support{padding:.375rem .875rem;color:var(--cl-text-muted);font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:color var(--transition)}.btn-support:hover{color:var(--cl-amber)}.btn-logout{padding:.375rem .875rem;background:transparent;color:var(--cl-text-muted);border:1px solid var(--cl-border);border-radius:0;font-family:var(--font-display);font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.btn-logout:hover{color:var(--cl-amber);border-color:var(--cl-amber);background:#c8890a0a}.btn-logout:active{transform:scale(.95)}.app-main{flex:1;padding:1.5rem 1rem 5.5rem;overflow-y:auto;animation:fadeInUp .4s ease}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:0;background:var(--cl-white);border-top:1px solid var(--cl-border-light);z-index:10}.app-nav:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--cl-amber),transparent);opacity:.2}.nav-link{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem 1rem;font-family:var(--font-display);font-size:.55rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--cl-text-faint);text-decoration:none;border-radius:0;transition:all var(--transition);position:relative;flex:1}.nav-link:hover{color:var(--cl-text-muted);background:var(--cl-frost)}.nav-link:active{transform:scale(.95)}.nav-link.active{color:var(--cl-amber);font-weight:600;background:#c8890a0a}.nav-link.active:after{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:var(--cl-amber);box-shadow:0 0 6px #c8890a4d}.nav-icon{width:1.1rem;height:1.1rem;transition:transform var(--transition)}.nav-link:hover .nav-icon{transform:scale(1.1)}:root{--cl-white: #ffffff;--cl-frost: #f6f8fa;--cl-ice: #edf1f5;--cl-panel: #f0f3f7;--cl-border: #d4dbe4;--cl-border-light: #e2e8f0;--cl-amber: #c8890a;--cl-gold: #daa520;--cl-amber-light: #f0c850;--cl-teal: #2a8e94;--cl-teal-dim: #3aafb6;--cl-slate: #3e5570;--cl-text: #2c3e50;--cl-text-bright: #1a2530;--cl-text-muted: #7a8ea0;--cl-text-faint: #a8b8c8;--color-primary: var(--cl-amber);--color-primary-hover: #b07a08;--color-primary-dark: #8a5810;--color-primary-light: rgba(200, 137, 10, .06);--color-primary-glow: rgba(200, 137, 10, .18);--color-accent: var(--cl-teal);--color-accent-light: rgba(42, 142, 148, .06);--color-highlight: var(--cl-gold);--color-highlight-light: rgba(218, 165, 32, .06);--color-gold: var(--cl-gold);--color-gold-light: rgba(218, 165, 32, .06);--color-cyan: var(--cl-teal);--color-petrolio: var(--cl-teal);--color-petrolio-dark: #1a5c60;--color-green: var(--cl-teal);--color-text: var(--cl-text);--color-text-muted: var(--cl-text-muted);--color-text-faint: var(--cl-text-faint);--color-bg: var(--cl-frost);--color-surface: var(--cl-white);--color-border: var(--cl-border);--color-border-light: var(--cl-border-light);--color-warning-bg: rgba(218, 165, 32, .06);--color-warning-border: rgba(218, 165, 32, .3);--color-warning-text: #8a6a10;--color-error-bg: rgba(200, 50, 50, .05);--color-error-border: rgba(200, 50, 50, .25);--color-error-text: #b83030;--color-success-bg: rgba(42, 142, 148, .06);--color-success-border: rgba(42, 142, 148, .25);--color-success-text: var(--cl-teal);--shadow-sm: 0 1px 3px rgba(44, 62, 80, .05);--shadow-md: 0 4px 16px rgba(44, 62, 80, .07);--shadow-lg: 0 8px 32px rgba(44, 62, 80, .1);--shadow-primary: 0 4px 20px rgba(200, 137, 10, .15);--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-full: 0px;--transition: .2s ease;--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--font-display: "Orbitron", "Share Tech Mono", monospace;--font-body: "Inter", -apple-system, sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.6;color:var(--cl-text);background:var(--cl-frost)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}::selection{background:#c8890a33;color:var(--cl-text-bright)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--cl-frost)}::-webkit-scrollbar-thumb{background:var(--cl-border)}::-webkit-scrollbar-thumb:hover{background:var(--cl-amber)}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;padding:2rem;text-align:center}.error-fallback-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--cl-text-bright);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem}.error-fallback-message{font-size:.9rem;color:var(--cl-text-muted);margin:0 0 1.5rem}.error-fallback-btn{padding:.625rem 1.5rem;background:var(--cl-amber);color:var(--cl-white);font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border:none;border-radius:0;cursor:pointer;transition:background var(--transition)}.error-fallback-btn:hover{background:var(--color-primary-hover)}.btn-primary{padding:.875rem 1.25rem;background:var(--cl-amber);color:var(--cl-white);border:1px solid var(--cl-amber);border-radius:0;font-family:var(--font-display);font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;transition:all var(--transition)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 16px #c8890a2e}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.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}