:root{--bg-color:#f4f4f5;--glass-bg:#ffffffa6;--glass-bg-solid:#fffffff2;--glass-border:#0000001a;--glass-border-hover:#0003;--text-primary:#09090b;--text-secondary:#52525b;--primary:#3b82f6;--primary-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--danger-bg:#ef44441a;--success:#10b981;--success-bg:#10b9811a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--table-header-bg:#0000000d;--table-border-bottom:#0000000d;--table-hover-bg:#00000005;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}@media (prefers-color-scheme:dark){:root{--bg-color:#09090b;--glass-bg:#141419a6;--glass-bg-solid:#141419f2;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--table-header-bg:#0003;--table-border-bottom:#ffffff0d;--table-hover-bg:#ffffff05}}:root.light{--bg-color:#f4f4f5;--glass-bg:#ffffffa6;--glass-bg-solid:#fffffff2;--glass-border:#0000001a;--glass-border-hover:#0003;--text-primary:#09090b;--text-secondary:#52525b;--table-header-bg:#0000000d;--table-border-bottom:#0000000d;--table-hover-bg:#00000005}:root.dark{--bg-color:#09090b;--glass-bg:#141419a6;--glass-bg-solid:#141419f2;--glass-border:#ffffff1a;--glass-border-hover:#fff3;--text-primary:#f4f4f5;--text-secondary:#a1a1aa;--table-header-bg:#0003;--table-border-bottom:#ffffff0d;--table-hover-bg:#ffffff05}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#3b82f626 0%,#0000 25%),radial-gradient(circle at 85% 30%,#ef44440d 0%,#0000 25%);background-attachment:fixed;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600}p{color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}.nav-link{color:var(--text-secondary);font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.animate-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:0 8px 32px #0000001a}.glass-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:10px var(--space-4);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.glass-btn:disabled{opacity:.5;cursor:not-allowed}.glass-btn.primary{background:var(--primary);color:#fff}.glass-btn.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #3b82f64d}.glass-btn.secondary{border-color:var(--glass-border);background:0 0}.glass-btn.secondary:hover:not(:disabled){background:var(--table-hover-bg);border-color:var(--glass-border-hover)}.glass-btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.glass-btn.danger:hover:not(:disabled){background:var(--danger);color:#fff}.glass-btn.icon-only{border-radius:var(--radius-md);padding:8px}.glass-input{border:1px solid var(--glass-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.glass-input::placeholder{color:var(--text-secondary);opacity:.6}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);color:var(--text-secondary);font-size:14px;display:block}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.badge.success{background:var(--success-bg);color:var(--success);border:1px solid #10b98133}.badge.danger{background:var(--danger-bg);color:var(--danger);border:1px solid #ef444433}.badge.neutral{background:var(--table-header-bg);color:var(--text-secondary);border:1px solid var(--glass-border)}.glass-table-wrapper{border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;overflow-x:auto}.glass-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.glass-table th{padding:var(--space-3) var(--space-4);color:var(--text-secondary);border-bottom:1px solid var(--glass-border);background:var(--table-header-bg);white-space:nowrap;font-weight:500}.glass-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--table-border-bottom);color:var(--text-primary);white-space:nowrap}.glass-table tr:hover td{background:var(--table-hover-bg)}.alert-box{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:14px;display:flex}.alert-box.error{background:var(--danger-bg);color:var(--danger);border:1px solid #ef44444d}.alert-box.info{color:var(--primary);background:#3b82f61a;border:1px solid #3b82f64d}.app-container{max-width:1200px;padding:var(--space-8);width:100%;margin:0 auto}.top-header{border-bottom:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 32px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.header-nav{gap:24px;display:flex}.header-right{align-items:center;gap:16px;display:flex}.site-title{cursor:pointer;margin:0;font-size:20px}@media (max-width:640px){.top-header{padding:16px}.header-left{justify-content:space-between;gap:16px;width:100%}.header-right{border-top:1px dashed var(--glass-border);justify-content:space-between;width:100%;padding-top:8px}.app-container{padding:16px}}