:root{--bg-color: #0d1117;--panel-bg: rgba(22, 27, 34, .6);--border-color: rgba(255, 255, 255, .1);--text-main: #c9d1d9;--text-muted: #8b949e;--primary: #58a6ff;--primary-hover: #1f6feb;--primary-ghost: rgba(88, 166, 255, .1);--danger: #f85149;--danger-bg: rgba(248, 81, 73, .1);--success: #2ea043;--success-bg: rgba(46, 160, 67, .1);--radius-md: 12px;--radius-lg: 24px;--transition: all .3s ease}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;position:relative}.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;animation:float 10s infinite alternate}.blob-1{width:400px;height:400px;background:radial-gradient(circle,#58a6ff66,#0000 70%);top:-100px;left:-100px}.blob-2{width:500px;height:500px;background:radial-gradient(circle,#2ea0434d,#0000 70%);bottom:-150px;right:-100px;animation-delay:-5s}@keyframes float{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.1)}}.app-container{width:90vw;max-width:1200px;min-height:80vh;background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;margin:40px auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff}.logo svg{color:var(--primary)}.badge{font-size:.7rem;padding:.2rem .5rem;border-radius:9999px;background:var(--primary-ghost);color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge.error{background:var(--danger-bg);color:var(--danger)}nav{display:flex;align-items:center;gap:1.5rem}.nav-btn{background:none;border:none;color:var(--text-muted);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition)}.nav-btn:hover,.nav-btn.active{color:#fff}.user-block{display:flex;align-items:center;gap:1rem;padding-left:1.5rem;border-left:1px solid var(--border-color)}h2{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:.5rem}h3{color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.subtitle{color:var(--text-muted);font-size:.95rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.btn{padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;justify-content:center;align-items:center}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-secondary:hover{background:#ffffff0d}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:#fff}.btn-sm{padding:.4rem 1rem;font-size:.85rem}.w-full{width:100%}.input-group{margin-bottom:1.25rem;text-align:left}label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:500;color:var(--text-muted)}input{width:100%;padding:.75rem 1rem;background:#0003;border:1px solid var(--border-color);border-radius:var(--radius-md);color:#fff;font-size:.95rem;transition:var(--transition)}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-ghost)}main{flex:1;padding:2.5rem;position:relative}.view{animation:fadeIn .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-box{max-width:400px;margin:4rem auto;text-align:center}.auth-box form{margin-top:2rem;display:flex;flex-direction:column;gap:.5rem}.error-msg{color:var(--danger);font-size:.85rem;margin-top:1rem;background:var(--danger-bg);padding:.75rem;border-radius:var(--radius-md);border:1px solid rgba(248,81,73,.2)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.add-domain-form{display:flex;gap:1rem;align-items:center}.add-domain-form input{width:250px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:var(--transition)}.card:hover{border-color:#fff3;transform:translateY(-2px);background:#ffffff0a}.card-title{font-weight:600;color:#fff;font-size:1.1rem;margin-bottom:.5rem;display:flex;justify-content:space-between}.empty-state{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted);border:1px dashed var(--border-color);border-radius:var(--radius-md)}.table-container{overflow-x:auto;background:#0003;border:1px solid var(--border-color);border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse}th,td{padding:1rem 1.5rem;text-align:left;border-bottom:1px solid var(--border-color)}th{font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:none}tbody tr{transition:var(--transition)}tbody tr:hover{background:#ffffff08}.record-tag{display:inline-block;font-size:.75rem;padding:.2rem .5rem;margin-right:.3rem;border-radius:4px;background:#ffffff1a;color:#fff}.record-tag.active{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(248,81,73,.3)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:999;display:flex;justify-content:center;align-items:center;animation:fadeIn .2s ease forwards}.modal-content{width:90vw;max-width:900px;background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000c;padding:2rem;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header h3{margin-bottom:0}.card.active-filter{border-color:var(--primary);background:var(--primary-ghost);transform:translateY(-2px);box-shadow:0 4px 12px #58a6ff33}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}