/* Refined dashboard layout */
:root{color-scheme:dark}body{background:radial-gradient(ellipse at 10% 0%,#172e46 0,transparent 45%),#090f1b;font-family:'Segoe UI',system-ui,sans-serif}main{max-width:1240px;margin:40px auto 80px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-1.5px;font-weight:650}h2{font-size:20px;letter-spacing:-.5px}main>.tag{display:inline-block;background:#123a38;border:1px solid #25534c;padding:8px 12px;border-radius:100px;font-size:10px;letter-spacing:1.5px}main>p{max-width:650px}section,article{background:linear-gradient(140deg,#162338,#101a2b);border-color:#28394f;box-shadow:0 10px 35px #00000012;padding:28px;margin:20px 0;border-radius:20px}button{transition:background .15s,transform .15s;box-shadow:0 3px 10px #0002}button:hover{background:#94efd4;transform:translateY(-1px)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #79e6cd;outline-offset:4px}input,select{transition:border-color .15s;background:#0b1525}input:focus{border-color:#79e6cd}label{margin-bottom:7px}summary{font-weight:600}a{text-underline-offset:4px}code{font-size:12px}main>form>button{background:#1b2d43;color:#b8c8dc;border:1px solid #33465e;float:right;margin-top:-50px;box-shadow:none}.cards{gap:16px;margin:32px 0 20px}.stat{padding:23px;border-radius:18px;background:linear-gradient(130deg,#1b3046,#142134);border:1px solid #30445c;font-size:12px;color:#acbed4}.stat:first-child{background:linear-gradient(130deg,#1c4846,#183233);border-color:#326259}.stat strong{color:#edf8ff;font-size:36px;font-weight:650;letter-spacing:-1px}.table-wrap{border:1px solid #2a3c54;border-radius:12px;margin-top:18px}th{background:#0e192a;font-size:11px;letter-spacing:.3px;text-transform:uppercase}th,td{padding:18px 14px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#20334a55}td button{padding:8px 12px;font-size:11px;background:#213d4b;color:#a0e7d5;border:1px solid #345a63}.chart{background:linear-gradient(0deg,#79e6cd08,transparent);border-bottom:1px solid #32445a}.bar{background:linear-gradient(0deg,#37a99c,#8ae9cf);box-shadow:0 0 20px #5bddbd10}.https-field{margin-top:6px}.https-field:focus-within{border-color:#79e6cd}.muted{font-size:12px;line-height:1.7}.error{border:1px solid #9b4b60}.grid{gap:20px}@media(max-width:650px){main{padding:0 16px;margin-top:24px}section{padding:20px;border-radius:16px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px}.stat strong{font-size:28px}main>form>button{float:none;margin-top:0}th,td{padding:12px 10px}.chart{gap:6px}}
.panel-header{display:flex;align-items:center;gap:20px;justify-content:space-between;background:#101d2eee;border:1px solid #2d4058;border-radius:16px;padding:12px 16px;margin:28px 0;position:sticky;top:12px;z-index:10;backdrop-filter:blur(12px)}.panel-logo{text-decoration:none;color:#79e6cd;font-weight:800;white-space:nowrap}.panel-logo span{color:#e8edf7;font-weight:600;font-size:14px;margin-left:8px}.panel-header nav{display:flex;gap:6px;flex-wrap:wrap}.panel-header nav a{color:#aabed5;text-decoration:none;padding:10px 14px;border-radius:9px;font-size:13px}.panel-header nav a:hover{background:#21344a;color:white}.panel-header nav a[aria-current=page]{background:#21473f;color:#a1f0d9}.panel-header form button{margin:0;background:#263950;color:#c3d1e2;padding:10px 14px;box-shadow:none}.quick-links{display:flex;gap:16px;flex-wrap:wrap}.quick-links a{display:block;border:1px solid #345068;padding:18px 22px;border-radius:12px;text-decoration:none;background:#192c40}@media(max-width:800px){.panel-header{flex-wrap:wrap;gap:12px;position:static}.panel-header nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap}.panel-header nav a{white-space:nowrap;padding:10px}.panel-logo span{display:none}}
.edit-button{display:inline-block;padding:8px 16px;border-radius:8px;background:#245044;color:#a6f0d9;text-decoration:none;font-weight:600}.edit-button:hover{background:#326956}#edit-domain{scroll-margin-top:110px}.panel-header nav a{padding:10px;font-size:12px}
.pending-domain{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:14px 0;border-bottom:1px solid #293a54}.pending-domain>span{min-width:150px}.pending-domain form{margin:0}.pending-domain button{margin:0;padding:9px 14px;background:#24473e;color:#a6f0d9;border:1px solid #376456;box-shadow:none}.verification-success{padding:16px;border-radius:12px;background:#193e35;border:1px solid #386c58;color:#b0f3d8}
