:root{--ink:#12365f;--muted:#526d87;--line:#c9dff1;--cyan:#087daf;--green:#13845c}*{box-sizing:border-box}body{margin:0;min-height:100vh;padding:32px 18px;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 2%,rgba(33,196,255,.18),transparent 31%),linear-gradient(145deg,#f9fcff,#e8f5ff)}main{max-width:1120px;margin:auto;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 28px 70px rgba(24,76,120,.1)}header{display:flex;align-items:center;justify-content:space-between;gap:20px}header img{max-width:100%;height:auto}h1{font-size:clamp(1.9rem,5vw,2.6rem);margin:8px 0}h2{font-size:1.2rem;margin:0 0 18px}p{line-height:1.65}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:var(--cyan);margin-top:30px}.intro{font-size:1.1rem}.muted,footer{color:var(--muted);font-size:.9rem}.login{display:grid;gap:18px;max-width:480px;margin:24px 0}label{display:grid;gap:8px;font-weight:700}input,select,button,.button{font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px 14px}input,select{width:100%;background:#f8fbff;color:var(--ink)}button,.button{display:inline-block;background:linear-gradient(120deg,#19baf1,#43dbac);color:#12365f;text-decoration:none;font-weight:800;cursor:pointer;text-align:center}button.secondary,.button.secondary{background:#f5faff;font-size:.85rem}a{color:#076a9b}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #168bbb;outline-offset:3px}.plan{border:1px solid var(--line);border-radius:16px;padding:24px;background:#f5faff;margin:28px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px}.stats span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:7px}.stats strong{font-size:1.1rem}.notice{padding:18px;background:#eef7ff;border:1px solid var(--line);border-radius:12px;margin:20px 0}.error{background:#fff0f2;color:#922235}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}th{font-size:.8rem;color:var(--muted);background:#f5faff}td,th{padding:16px 12px;border-bottom:1px solid var(--line)}td:first-child{font-size:.78rem;overflow-wrap:anywhere}td .button{white-space:nowrap}.badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#fff3d8;color:#725113;font-size:.8rem;white-space:nowrap}.badge.paid{background:#dcf6e8;color:#126442}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin:24px 0;font-size:.85rem}footer{border-top:1px solid var(--line);margin-top:36px;padding-top:24px;line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){body{padding:14px 8px}main{padding:20px 16px;border-radius:16px}header img{width:160px}.plan{padding:18px}.stats{grid-template-columns:1fr 1fr;gap:18px}.pagination{gap:12px;flex-wrap:wrap}td,th{padding:12px 8px}}

.billing-form{margin-top:24px;padding-top:22px;border-top:1px solid var(--line)}.email-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.accept-terms{display:flex;align-items:flex-start;gap:12px;font-weight:500;line-height:1.6;margin:20px 0}.accept-terms input{width:20px;height:20px;flex:0 0 20px;margin-top:3px}.billing-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.success{background:#e6f6ec;color:#165939}@media(max-width:600px){.email-fields{grid-template-columns:1fr}.billing-buttons{display:grid}.billing-buttons button{width:100%}}