@layer tokens{:root{--bg: #ffffff;--bg-subtle: #f8f9fa;--bg-muted: #f1f3f5;--text: #1a1a1a;--text-secondary: #495057;--text-muted: #868e96;--accent: #228be6;--accent-hover: #1c7ed6;--accent-subtle: #e7f5ff;--border: #dee2e6;--border-light: #e9ecef;--danger: #e03131;--danger-subtle: #fff5f5;--success: #2f9e44;--success-subtle: #ebfbee;--warning: #e67700;--warning-subtle: #fff9db;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.06);--radius: 6px;--radius-lg: 10px}}@layer app{html{font-size:14px}body{font-family:var(--font);background:var(--bg-subtle);color:var(--text);line-height:1.6;min-height:100vh}}@layer components{.form-group{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.875rem}.form-group label{font-size:.8rem;font-weight:550;color:var(--text-secondary)}input[type=text],input[type=password],input[type=url],input[type=number],input[type=email],textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .65rem;color:var(--text);font-family:var(--font);font-size:.875rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}textarea{resize:vertical}.form-row{display:flex;gap:.875rem}.form-row .form-group{flex:1}.form-row .flex-2{flex:2}.form-actions{display:flex;gap:.6rem;margin-top:1.25rem}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .9rem;font-size:.825rem;font-weight:550;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-secondary);cursor:pointer;transition:all .15s;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--bg-muted);color:var(--text);border-color:var(--border)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-danger{color:var(--danger);border-color:transparent;background:var(--danger-subtle);box-shadow:none}.btn-danger:hover{background:#ffe3e3;color:var(--danger)}.btn-success{color:var(--success);border-color:transparent;background:var(--success-subtle);box-shadow:none}.btn-success:hover{background:#d3f9d8;color:var(--success)}.btn-sm{padding:.2rem .55rem;font-size:.775rem}}@layer components{.badge{display:inline-block;padding:.1rem .5rem;font-size:.7rem;font-weight:600;border-radius:999px;letter-spacing:.01em}.badge-green{background:var(--success-subtle);color:var(--success)}.badge-yellow{background:var(--warning-subtle);color:var(--warning)}.badge-blue{background:var(--accent-subtle);color:var(--accent)}.badge-gray{background:var(--bg-muted);color:var(--text-muted)}}@layer components{.data-table{width:100%;border-collapse:collapse;background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.data-table th{text-align:left;font-size:.7rem;font-weight:650;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.65rem .875rem;background:var(--bg-subtle);border-bottom:1px solid var(--border-light)}.data-table td{padding:.6rem .875rem;border-bottom:1px solid var(--border-light);font-size:.875rem;color:var(--text)}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:var(--bg-subtle)}.actions{display:flex;gap:.35rem}}@layer components{.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{padding:.6rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-md);pointer-events:auto;opacity:0;transform:translate(20px);transition:opacity .2s,transform .2s;max-width:360px}.toast-visible{opacity:1;transform:translate(0)}.toast-success{background:var(--success-subtle);color:var(--success);border:1px solid #b2f2bb}.toast-error{background:var(--danger-subtle);color:var(--danger);border:1px solid #ffc9c9}.toast-info{background:var(--accent-subtle);color:var(--accent);border:1px solid #a5d8ff}}@layer components{.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000026;display:flex;align-items:center;justify-content:center;z-index:9998;opacity:0;transition:opacity .15s}.confirm-visible{opacity:1}.confirm-dialog{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;max-width:400px;width:90vw;box-shadow:var(--shadow-md)}.confirm-message{font-size:.925rem;line-height:1.5;margin-bottom:1.25rem;color:var(--text)}.confirm-actions{display:flex;gap:.6rem;justify-content:flex-end}}@layer components{.skeleton{display:flex;flex-direction:column;gap:.75rem;padding:.5rem 0}.sk-row{height:1rem;border-radius:4px;background:linear-gradient(90deg,var(--bg-muted) 25%,var(--border-light) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.sk-row.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer components{.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.card{background:var(--bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm)}code,.tag{font-family:var(--mono);font-size:.775rem;padding:.1rem .4rem;background:var(--bg-muted);border-radius:4px;color:var(--text-secondary)}dialog,.dialog{background:var(--bg);color:var(--text);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.75rem;max-width:620px;width:90vw;box-shadow:var(--shadow-md)}dialog::backdrop{background:#00000040}.dialog-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-light)}.error-msg{color:var(--danger);font-size:.825rem;margin-top:.5rem}.status-msg{font-size:.825rem;color:var(--success);margin-left:.5rem;font-weight:550}.loading{color:var(--text-muted);font-size:.875rem}.empty{color:var(--text-muted)}.meta{color:var(--text-muted);font-size:.825rem}hr{border:none;border-top:1px solid var(--border-light);margin:1.25rem 0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.4}.empty-state p{margin-bottom:.25rem}}@layer app{#nav{background:var(--bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:50}.nav-inner{max-width:1080px;margin:0 auto;padding:0 1.5rem;height:52px;display:flex;align-items:center;gap:2rem}.nav-brand{font-weight:700;font-size:.95rem;color:var(--text);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:.25rem;flex:1}.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:.35rem .7rem;border-radius:var(--radius);transition:color .15s,background .15s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--bg-muted)}.page{max-width:1080px;margin:0 auto;padding:2rem 1.5rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}h1{font-size:1.35rem;font-weight:700;letter-spacing:-.025em;color:var(--text)}h2{font-size:1rem;font-weight:650;margin-bottom:1rem;color:var(--text)}h3{font-size:.9rem;font-weight:650;margin-bottom:.5rem;color:var(--text)}.nav-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.nav-toggle span{display:block;width:18px;height:2px;background:var(--text-secondary);border-radius:1px;transition:transform .2s}}@layer app{.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.auth-card{width:100%;max-width:360px;padding:2.5rem 2rem}.auth-title{font-size:1.5rem;text-align:center;margin-bottom:.25rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.auth-form{margin-top:2rem}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:1.5rem;font-size:.875rem}}@layer app{.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-light)}.editor-actions{display:flex;gap:.5rem}.editor-split{display:grid;grid-template-columns:1fr 1fr;gap:.875rem;min-height:320px}.editor-input{font-family:var(--mono);font-size:.825rem;min-height:320px;line-height:1.65}.editor-preview{padding:1rem;background:var(--bg-subtle);border:1px solid var(--border-light);border-radius:var(--radius);overflow-y:auto;font-size:.875rem;line-height:1.75}.editor-preview h1,.editor-preview h2,.editor-preview h3{margin:1.25rem 0 .5rem;color:var(--text)}.editor-preview p{margin-bottom:.75rem}.editor-preview code{background:var(--bg-muted);padding:.15rem .4rem;border-radius:3px;font-size:.825rem}.editor-preview pre{background:var(--bg-muted);padding:1rem;border-radius:var(--radius);overflow-x:auto;margin-bottom:1rem}.editor-preview pre code{background:none;padding:0}}@layer app{.stat{font-size:2rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.03em;color:var(--text)}.dash-list{list-style:none}.dash-list li{display:flex;align-items:center;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--border-light);font-size:.875rem}.dash-list li:last-child{border-bottom:none}.dash-list a{color:var(--text);text-decoration:none;font-weight:500}.dash-list a:hover{color:var(--accent)}.link{display:inline-block;margin-top:.75rem;color:var(--accent);text-decoration:none;font-size:.825rem;font-weight:550}.link:hover{text-decoration:underline}}@layer app{.totp-setup{margin-top:1rem}.totp-qr{margin:1rem 0}.totp-qr img{border-radius:var(--radius);border:1px solid var(--border-light)}.totp-uri{font-size:.7rem;word-break:break-all;display:inline-block;max-width:100%}.setting-item{margin-bottom:1.25rem}.setting-item p{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.ip-entries{list-style:none}.ip-entries li{display:flex;align-items:center;gap:.75rem;padding:.35rem 0;font-size:.875rem}}@layer app{@media(max-width:768px){.grid-2{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.editor-split{grid-template-columns:1fr}.page{padding:1.25rem 1rem}.nav-toggle{display:flex}.nav-links{display:none;position:absolute;top:52px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow);flex-direction:column;padding:.5rem}.nav-links.nav-open{display:flex}.nav-links a{padding:.6rem .75rem}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.45rem .5rem}.toast-container{left:1rem;right:1rem}.toast{max-width:none}}}