:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", system-ui, -apple-system, sans-serif;--bg-dark: #090d16;--bg-card: rgba(15, 23, 42, .75);--bg-card-hover: rgba(30, 41, 59, .85);--bg-input: rgba(15, 23, 42, .9);--border-subtle: rgba(255, 255, 255, .08);--border-glow: rgba(59, 130, 246, .3);--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-cyan: #06b6d4;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--text-main: #f8fafc;--text-muted: #94a3b8;--text-dim: #64748b;--shadow-lg: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(59, 130, 246, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;min-height:100vh;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.12) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(6,182,212,.05) 0px,transparent 50%);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,.font-display{font-family:var(--font-display);letter-spacing:-.02em}a{color:var(--accent-blue);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-cyan)}.app-container{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transition:border-color .2s,box-shadow .2s}.glass-panel:hover{border-color:#ffffff24}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.hover-lift:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 15px 35px -5px #3b82f640;border-color:#3b82f666}.glass-glow{box-shadow:var(--shadow-glow);border-color:var(--border-glow)}.top-nav{position:sticky;top:0;z-index:50;background:#090d16d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.4rem;color:var(--text-main);background:linear-gradient(135deg,#fff,#93c5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mode-pill-selector{display:flex;align-items:center;background:#0f172acc;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:.25rem;gap:.25rem}.mode-btn{padding:.4rem .9rem;font-size:.825rem;font-weight:500;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.4rem}.mode-btn.active{background:var(--accent-blue);color:#fff;box-shadow:0 2px 10px #3b82f666}.mode-btn:hover:not(.active){color:var(--text-main);background:#ffffff0d}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-ready{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-action{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-blocked{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.badge-info{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f680;transform:translateY(-1px)}.btn-secondary{background:#ffffff0f;color:var(--text-main);border-color:var(--border-subtle)}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-danger{background:#f43f5e33;color:#f43f5e;border-color:#f43f5e66}.btn-danger:hover{background:#f43f5e4d}.btn-sm{padding:.35rem .75rem;font-size:.775rem}.btn-lg{padding:.85rem 1.75rem;font-size:1rem;border-radius:var(--radius-md)}.input-field,.select-field,.textarea-field{width:100%;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:.6rem .9rem;color:var(--text-main);font-family:var(--font-sans);font-size:.875rem;outline:none;transition:border-color .2s}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.data-table th{background:#0f172ae6;padding:.85rem 1rem;font-weight:600;color:var(--text-muted);font-size:.775rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle)}.data-table td{padding:.9rem 1rem;border-bottom:1px solid var(--border-subtle);color:var(--text-main)}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#ffffff08}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:fadeIn .2s ease-out}.modal-content{background:#0f172a;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #000000b3;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.btn-pulse{animation:pulse-glow 2s infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media print{body{background:#fff!important;color:#000!important}.top-nav,.sidebar,.btn,.no-print{display:none!important}.print-area{width:100%!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important}}.lucide{transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .25s ease}.hover-lift:hover .lucide,.btn:hover .lucide{transform:scale(1.15) rotate(-5deg)}.badge:hover .lucide{transform:scale(1.2) rotate(10deg)}.glass-panel:hover .lucide{transform:scale(1.1) translateY(-2px)}@media (max-width: 768px){.public-nav-links{display:none!important}}@keyframes float-1{0%,to{transform:translateY(0) rotate(-3deg)}25%{transform:translateY(-14px) rotate(1deg)}50%{transform:translateY(-6px) rotate(-1deg)}75%{transform:translateY(-18px) rotate(2deg)}}@keyframes float-2{0%,to{transform:translateY(0) rotate(2deg)}30%{transform:translateY(-20px) rotate(-2deg)}60%{transform:translateY(-8px) rotate(3deg)}}@keyframes float-3{0%,to{transform:translateY(0) rotate(1deg)}20%{transform:translateY(-10px) rotate(-3deg)}50%{transform:translateY(-22px) rotate(2deg)}80%{transform:translateY(-5px) rotate(-1deg)}}.floating-badge{position:absolute;z-index:10;pointer-events:none;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;font-weight:700;box-shadow:0 8px 25px -5px #0006,0 0 15px #3b82f61a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}.floating-badge--1{animation:float-1 5s ease-in-out infinite;background:#3b82f633;color:#93c5fd}.floating-badge--2{animation:float-2 6s ease-in-out infinite;animation-delay:-1.5s;background:#10b98133;color:#6ee7b7}.floating-badge--3{animation:float-3 7s ease-in-out infinite;animation-delay:-3s;background:#f59e0b33;color:#fcd34d}.floating-badge--4{animation:float-1 5.5s ease-in-out infinite;animation-delay:-2s;background:#8b5cf633;color:#c4b5fd}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{width:100%;overflow:hidden;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#0f172a80;padding:.85rem 0}.marquee-track{display:flex;width:max-content;animation:marquee-scroll 30s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:.5rem;padding:0 2rem;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;color:var(--text-dim);transition:color .3s ease}.marquee-item:hover{color:var(--accent-blue)}.marquee-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-blue);flex-shrink:0;animation:pulse-glow 2.5s infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) both}.fade-in-up-delay-1{animation-delay:.1s}.fade-in-up-delay-2{animation-delay:.2s}.fade-in-up-delay-3{animation-delay:.35s}.fade-in-up-delay-4{animation-delay:.5s}.fade-in-up-delay-5{animation-delay:.65s}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.hero-title-shimmer{background:linear-gradient(90deg,#fff,#93c5fd,#fff,#c4b5fd,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}@keyframes progressFill{0%{width:0%}to{width:var(--target-width)}}.progress-bar-animated{animation:progressFill 1.5s cubic-bezier(.16,1,.3,1) .5s both}