:root{--bg-gradient-start: #0f172a;--bg-gradient-end: #020617;--primary: #2563eb;--primary-hover: #3b82f6;--card-bg: rgba(30, 41, 59, .45);--card-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-secondary: #94a3b8;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--blue-badge: #0284c7;--border-radius: 14px;--font-inter: "Inter", sans-serif;--font-outfit: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-inter)}body{background-color:var(--bg-gradient-end);color:var(--text-primary);overflow-x:hidden;height:100vh}.glass-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(245,158,11,.08) 0%,transparent 45%),linear-gradient(to bottom,var(--bg-gradient-start),var(--bg-gradient-end));z-index:-1}.app-container{display:flex;height:100vh;width:100vw}.login-container{align-items:center;justify-content:center}.login-card{width:100%;max-width:380px}.sidebar{width:280px;background:#0f172a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--card-border);display:flex;flex-direction:column;padding:30px 20px}.logo{display:flex;align-items:center;gap:12px;margin-bottom:45px;padding-left:10px}.logo-img{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(37,99,235,.4))}.logo h2{font-family:var(--font-outfit);font-size:20px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.logo-accent{color:var(--primary-hover);font-weight:700}.nav-menu{display:flex;flex-direction:column;gap:10px;flex-grow:1}.nav-item{background:transparent;border:none;outline:none;color:var(--text-secondary);padding:14px 16px;display:flex;align-items:center;gap:15px;font-size:15px;font-weight:500;border-radius:10px;cursor:pointer;text-align:left;transition:all .3s ease}.nav-item i{font-size:18px;width:20px}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--text-primary);background:var(--primary);box-shadow:0 4px 15px #2563eb66}.sidebar-footer{font-size:12px;color:var(--text-secondary);text-align:center;padding-top:20px;border-top:1px solid var(--card-border)}.main-content{flex-grow:1;display:flex;flex-direction:column;padding:40px;overflow-y:auto}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.content-header h1{font-family:var(--font-outfit);font-size:28px;font-weight:600}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary{background:var(--primary);color:var(--text-primary);box-shadow:0 4px 10px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 6px 15px #2563eb73}.btn-secondary{background:#ffffff14;color:var(--text-primary);border:1px solid var(--card-border)}.btn-secondary:hover{background:#ffffff26}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.btn-link{background:transparent;color:var(--primary-hover);text-decoration:underline;padding:0}.animate-hover:hover i{transform:rotate(15deg);transition:transform .2s ease}.tab-pane{display:none;flex-direction:column;gap:30px}.tab-pane.active{display:flex}.card{background:var(--card-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:24px;box-shadow:0 8px 32px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.stat-card{display:flex;align-items:center;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000073}.border-expired{border-left:4px solid var(--danger)}.border-warning{border-left:4px solid var(--warning)}.border-tenants{border-left:4px solid var(--primary)}.border-agents{border-left:4px solid var(--success)}.stat-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.bg-expired{background:#ef444426;color:var(--danger)}.bg-warning{background:#f59e0b26;color:var(--warning)}.bg-tenants{background:#2563eb26;color:var(--primary)}.bg-agents{background:#10b98126;color:var(--success)}.stat-info h3{font-family:var(--font-outfit);font-size:28px;font-weight:700}.stat-info p{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:2px}.dashboard-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.details-card h3{font-family:var(--font-outfit);font-size:18px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:8px}.health-indicator-container{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.health-status{display:flex;align-items:center;gap:12px}.indicator{width:10px;height:10px;border-radius:50%;background:var(--text-secondary)}.indicator.active{background:var(--success);box-shadow:0 0 10px var(--success)}.health-meta{font-size:13px;color:var(--text-secondary);line-height:1.5}.mode-info-list{display:flex;flex-direction:column;gap:16px}.mode-item{display:flex;flex-direction:column;gap:5px}.mode-item p{font-size:13px;color:var(--text-secondary);line-height:1.4}.grid-two-columns{display:grid;grid-template-columns:2fr 1fr;gap:30px}@media(max-width:1024px){.grid-two-columns{grid-template-columns:1fr}}.table-container{overflow-x:auto;margin-top:15px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:var(--text-secondary);font-weight:600;padding:12px 16px;border-bottom:2px solid var(--card-border)}td{padding:16px;border-bottom:1px solid var(--card-border);color:var(--text-primary)}tr:hover td{background:#ffffff05}.badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block;text-transform:uppercase;letter-spacing:.3px}.badge-expired{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.badge-warning{background:#f59e0b26;color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge-safe{background:#10b98126;color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge-blue{background:#0284c726;color:var(--blue-badge);border:1px solid rgba(2,132,199,.3)}.badge-orange{background:#f9731626;color:#f97316;border:1px solid rgba(249,115,22,.3)}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-control,.form-group input[type=text],.form-group input[type=number],.form-group input[type=password],.form-group textarea,.form-group select{width:100%;box-sizing:border-box;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:10px 14px;color:#f8fafc;outline:none;font-size:14px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.form-control::placeholder{color:#64748b}.form-control:focus,.form-group input:focus,.form-group select:focus{border-color:#3b82f6;box-shadow:0 0 12px #3b82f659;background:#0f172af2}select.form-control{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;cursor:pointer}select.form-control option{background-color:#0f172a;color:#f8fafc;padding:12px}input[type=date]{color-scheme:dark;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9) sepia(1) saturate(5) hue-rotate(175deg);cursor:pointer;opacity:.9;font-size:16px;padding:2px;transition:transform .15s ease,opacity .15s ease}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.15)}.form-group small{font-size:11px;color:var(--text-secondary)}.row-checkbox{flex-direction:row;align-items:center;gap:10px}.form-actions{display:flex;gap:12px;margin-top:25px}.explorer-filters{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:20px;border-bottom:1px solid var(--card-border);padding-bottom:20px}.explorer-filters .filter-group{margin-bottom:0;flex-grow:1;min-width:200px}.token-display-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.token-display-box code{font-family:monospace;font-size:16px;color:var(--warning);background:#0000004d;padding:4px 8px;border-radius:4px;letter-spacing:.5px}.token-meta{font-size:11px;color:var(--text-secondary)}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.hidden{display:none!important}.modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{width:90%;max-width:800px;max-height:90vh;overflow-y:auto;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border);padding-bottom:15px;margin-bottom:20px}.modal-header h3{font-family:var(--font-outfit);font-size:20px}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer}.modal-close:hover{color:var(--text-primary)}.terminal-logs{background:#000;color:#0f0;padding:20px;border-radius:8px;font-family:Courier New,Courier,monospace;max-height:450px;overflow-y:auto;font-size:12px;line-height:1.5}.dialog-modal-content{width:90%;max-width:440px;padding:28px 24px;border-radius:16px;background:#0f172af2;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px #0009,0 0 30px #2563eb26;display:flex;flex-direction:column;align-items:center;text-align:center;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.dialog-modal-icon-badge{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}.dialog-modal-icon-badge.confirm,.dialog-modal-icon-badge.warning{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.dialog-modal-icon-badge.danger,.dialog-modal-icon-badge.error{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.dialog-modal-icon-badge.success{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.dialog-modal-icon-badge.info{background:#2563eb26;color:#3b82f6;border:1px solid rgba(37,99,235,.3)}.dialog-modal-title{font-family:var(--font-outfit);font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dialog-modal-message{font-size:14px;line-height:1.5;color:var(--text-secondary);margin-bottom:24px}.dialog-modal-actions{display:flex;gap:12px;width:100%;justify-content:center}.dialog-modal-actions button{flex:1;padding:10px 16px;font-size:14px;font-weight:600;border-radius:8px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.context-menu-dropdown{position:fixed;z-index:1000;background:#0f172af5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 12px 36px #000000a6,0 0 20px #2563eb40;padding:6px;min-width:220px;animation:menuFadeIn .15s cubic-bezier(.16,1,.3,1)}@keyframes menuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-header{padding:8px 12px;font-size:11px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--card-border);margin-bottom:4px}.context-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#f8fafc;font-size:13px;font-weight:500;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s ease}.context-menu-item i{width:16px;text-align:center;color:var(--primary-hover)}.context-menu-item:hover{background:#2563eb40;color:#fff}.context-menu-item.danger:hover{background:#ef444440;color:#ef4444}.context-menu-item.danger i{color:var(--danger)}.context-menu-divider{height:1px;background:#ffffff1a;margin:4px 0}.clickable-username{cursor:context-menu;-webkit-user-select:text;user-select:text;transition:color .15s ease}.clickable-username:hover{color:#3b82f6;text-decoration:underline}.context-trigger-btn{background:transparent;border:none;color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.context-trigger-btn:hover{background:#ffffff1a;color:#f8fafc}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media(max-width:1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media(max-width:1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media(max-width:1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media(max-width:1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media(max-width:1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media(max-width:1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}