:root{--primary: #305cde;--primary-light: #4f73e3;--primary-dark: #2547b0}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;background:radial-gradient(circle at top,#141924,#0d1119 55%,#08090d);color:#f1f3f8}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login-card{width:100%;max-width:400px;background:#131722;border-radius:20px;padding:2.75rem 2.5rem;box-shadow:0 25px 70px -20px #000000a6,0 2px 8px #0000004d;border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column}.login-logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-bottom:1.5rem}.login-card h1{margin:0 0 .35rem;font-size:1.5rem;font-weight:600;color:#f5f6fa}.login-subtitle{margin:0 0 2rem;font-size:.9rem;color:#8b93a6}.login-card label{font-size:.82rem;font-weight:600;color:#b7bdcc;margin-bottom:.4rem}.login-card input{font-size:.95rem;padding:.7rem .85rem;margin-bottom:1.25rem;border-radius:10px;border:1px solid #2a3040;background:#0e1118;color:#f1f3f8;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #305cde40;background:#10141d}.login-error{margin:-.5rem 0 1.25rem;font-size:.85rem;color:#f87171}.login-card button{margin-top:.5rem;padding:.75rem;border:none;border-radius:10px;background:linear-gradient(135deg,var(--primary-light),var(--primary));color:#fff;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s ease,transform .1s ease}.login-card button:hover{opacity:.92}.login-card button:active{transform:scale(.99)}.dashboard-page{min-height:100vh;padding:2.5rem}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-header h1{margin:0;font-size:1.4rem;font-weight:600;color:#f5f6fa}.secondary-button{padding:.55rem 1.1rem;border-radius:10px;border:1px solid #2a3040;background:#131722;color:#e2e5ee;font-size:.88rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease}.secondary-button:hover{border-color:var(--primary);background:#171c28}.tokens-table-wrapper{background:#131722;border-radius:16px;border:1px solid rgba(255,255,255,.07);box-shadow:0 20px 60px -25px #0009;padding:.5rem;overflow-x:auto}.dashboard-message{padding:2rem;text-align:center;color:#8b93a6;font-size:.9rem}.dashboard-error{color:#f87171}.tokens-table{width:100%;border-collapse:collapse;font-size:.88rem}.tokens-table th{text-align:left;padding:.9rem 1.1rem;color:#8b93a6;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #212734}.tokens-table td{padding:.85rem 1.1rem;border-bottom:1px solid #1a1f2a;color:#e2e5ee}.tokens-table tbody tr{cursor:pointer;transition:background .12s ease}.tokens-table tbody tr:hover{background:#171c28}.tokens-table tbody tr:last-child td{border-bottom:none}.tokens-table-mono{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.82rem;color:#b7bdcc}.badge{display:inline-block;padding:.3rem .75rem;border-radius:999px;font-size:.8rem;font-weight:700;border:1px solid transparent}.badge-active{background:#305cde2e;border-color:#305cde80;color:#7c9cf5}.badge-inactive{background:#f8717126;color:#f87171}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ab3;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:10}.modal-card{position:relative;width:100%;max-width:480px;max-height:85vh;overflow-y:auto;background:#131722;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 70px -20px #000000b3;padding:2rem}.modal-card h2{margin:0 0 1.5rem;font-size:1.15rem;font-weight:600;color:#f5f6fa}.modal-close{position:absolute;top:1rem;right:1rem;z-index:1;width:32px;height:32px;border-radius:8px;border:none;background:#1a1f2a;color:#b7bdcc;font-size:1.1rem;line-height:1;cursor:pointer}.table-cta{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:8px;border:1px solid rgba(48,92,222,.5);background:#305cde1f;color:#7c9cf5;cursor:pointer;transition:background .15s ease}.table-cta:hover{background:#305cde38}.preview-modal-card{padding:0;width:100%;max-width:440px;height:640px;overflow:hidden}.preview-iframe{width:100%;height:100%;border:none}.modal-close:hover{background:#212734;color:#fff}.detail-list{margin:0;display:grid;grid-template-columns:auto;row-gap:1.1rem}.detail-list dt{font-size:.76rem;font-weight:600;color:#8b93a6;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.3rem}.detail-list dd{margin:0;color:#e2e5ee;font-size:.92rem;word-break:break-word}.detail-json{margin:0;padding:.85rem;background:#0e1118;border:1px solid #2a3040;border-radius:10px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:.82rem;color:#b7bdcc;white-space:pre-wrap;word-break:break-word}.modal-actions{display:flex;gap:.75rem;margin-top:1.75rem}.modal-actions button{flex:1}.danger-button{padding:.55rem 1.1rem;border-radius:10px;border:1px solid rgba(248,113,113,.4);background:#f871711f;color:#f87171;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease}.danger-button:hover{background:#f8717138}