/* ZiLink's original dark glass visual identity, adapted to account and package controls. */
body{--accent:#6366f1!important;--tint:#6366f126!important;background-color:#090d16;background-image:radial-gradient(at 0% 0%,#6366f126 0,transparent 50%),radial-gradient(at 100% 100%,#38bdf81a 0,transparent 50%),radial-gradient(at 50% 50%,#10b9810d 0,transparent 50%);background-attachment:fixed;color:#f1f5f9;min-height:100vh;font-size:15px}.wrap{max-width:1280px;width:calc(100% - 40px)}.top{background:#090d16e6;border-bottom:1px solid #ffffff14;backdrop-filter:blur(12px)}.nav{min-height:70px;gap:24px}.brand{font-size:18px}.brand .mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#38bdf8);box-shadow:0 4px 15px #6366f140}.brand .mark svg{width:23px;height:23px}.brand small{color:#38bdf8;font-size:11px}.nav nav{gap:18px;font-size:13px}.nav nav a:hover{color:#38bdf8}.card{background:#121826bf;border:1px solid #ffffff14;border-radius:18px;box-shadow:0 10px 30px #00000059;backdrop-filter:blur(16px);padding:24px}.card:hover{border-color:#ffffff26}p,.muted,.empty,.tiny,.hero-note{color:#94a3b8}.btn{border-radius:12px;font-size:13px;min-height:42px;padding:9px 16px;gap:8px;background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 4px 15px #6366f140;transition:transform .2s,box-shadow .2s}.btn:hover{filter:none;transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.btn.light{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff14;box-shadow:none}.btn.dark,.btn.delete{background:#ef444426;color:#f87171;border:1px solid #ef44444d;box-shadow:none}input,select,textarea{background:#090d1680;border:1px solid #ffffff1a;color:#f1f5f9;border-radius:10px;font-size:14px;min-height:46px;padding:11px 14px}input::placeholder{color:#64748b}input:focus,select:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}select{color-scheme:dark}select option{background:#121826;color:#e2e8f0}input[type=checkbox]{accent-color:#6366f1}label{color:#cbd5e1;font-size:12px;margin-top:10px}h1,h2,h3{color:#f1f5f9}.card h2{font-size:21px}.card h3{font-size:17px;margin:0 0 15px}.eyebrow{color:#38bdf8;font-size:12px}.app-header{padding:25px 0 7px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}.app-header h2{font-size:18px;margin:0}.app-header .eyebrow{display:none}.app-header p{font-size:12px;margin:0;margin-inline-start:auto}.app-nav{margin:14px 0 22px;gap:6px;border-bottom:1px solid #ffffff14;padding-bottom:12px}.app-nav a{background:transparent;border:1px solid transparent;color:#94a3b8;font-size:13px;padding:8px 14px;display:flex;gap:8px;align-items:center;border-radius:10px}.app-nav a:hover{background:#ffffff08;color:#e2e8f0}.app-nav a.active{background:#6366f11f;border-color:#6366f14d;color:#a5b4fc}.app-nav svg{width:16px;height:16px}.app-grid{gap:20px}.creator{margin:0 0 24px!important;padding:24px}.creator h3{display:flex;align-items:center;gap:10px;margin:0 0 17px;font-size:17px}.creator h3 svg{color:#38bdf8;width:22px;height:22px}.creator .app-grid{grid-template-columns:2fr 1fr 1fr 1fr;align-items:end;gap:14px}.creator label{margin:0}.creator .actions{margin-top:16px}.creator .actions .btn{min-width:160px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:0 0 24px}.kpi-card{display:flex;align-items:center;gap:16px;padding:22px}.kpi-symbol{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#6366f126;color:#818cf8;flex:none}.kpi-symbol svg{width:23px;height:23px}.kpi-card:nth-child(2) .kpi-symbol{background:#38bdf826;color:#38bdf8}.kpi-card:nth-child(3) .kpi-symbol{background:#10b98126;color:#34d399}.kpi-card:nth-child(4) .kpi-symbol{background:#f59e0b26;color:#fbbf24}.kpi-value{font-size:28px;font-weight:700;line-height:1.3;direction:ltr;text-align:right}.kpi-label{color:#94a3b8;font-size:12px;margin-top:6px}.table-wrap{border:1px solid #ffffff0d;border-radius:12px;margin-top:18px}table{font-size:13px}th{background:#ffffff04;color:#94a3b8;font-weight:500;white-space:nowrap}th,td{border-color:#ffffff0d;padding:16px 13px}tbody tr:hover{background:#ffffff03}td a.ltr{color:#38bdf8}td b{font-weight:500}.table-wrap .btn{font-size:12px;min-height:34px;padding:6px 10px}.table-wrap details{border:0;padding:7px 0}.table-wrap summary{color:#f87171;font-size:11px}.copy-link{display:inline-grid;place-items:center;vertical-align:middle;background:#38bdf80d;border:1px solid #38bdf826;border-radius:7px;width:28px;height:28px;color:#38bdf8;margin-inline-start:7px;cursor:pointer}.copy-link svg{width:14px;height:14px}.notice{background:#6366f114;color:#c7d2fe;border:1px solid #6366f12e}.alert{background:#ef444417;color:#fca5a5;border:1px solid #ef444433}.alert.success{background:#10b98117;color:#6ee7b7;border-color:#10b98133}.check-row label{background:#ffffff06;border:1px solid #ffffff0d;color:#cbd5e1}.status{background:#10b9811f;color:#34d399}.line,details{border-color:#ffffff14}summary{font-size:14px}.price{color:#e2e8f0;font-size:25px}.footer{border-color:#ffffff0d;margin-top:35px;padding:23px 0;color:#64748b;font-size:12px}.footer a{color:#94a3b8}pre{background:#050912;border:1px solid #ffffff0d;color:#7dd3fc;border-radius:12px;font-size:13px}#link-qr{width:max-content;padding:12px;background:white;border-radius:12px}.account-login{max-width:440px;margin:65px auto;display:block;padding:0}.account-login>.login-intro{display:none}.account-login>.card{padding:36px}.account-login h2{text-align:center;font-size:23px;margin:0 0 10px}.account-login .card>p{text-align:center;font-size:13px}.account-login .card>p:first-of-type{margin-bottom:22px}.account-login .btn{margin-top:16px}.login-emblem{width:62px;height:62px;border-radius:18px;background:linear-gradient(135deg,#6366f1,#38bdf8);display:grid;place-items:center;margin:0 auto 24px;box-shadow:0 8px 30px #6366f140}.login-emblem svg{width:30px;height:30px;color:white}.analytics-chart{height:245px;position:relative;margin:25px 0}.copy-status{position:fixed;bottom:25px;left:25px;z-index:60;background:#14283b;color:#e0f2fe;border:1px solid #38bdf840;border-radius:12px;padding:12px 20px;box-shadow:0 10px 30px #0005;font-size:13px}.copy-status:empty{display:none}.search-form{display:flex;align-items:center;gap:9px}.search-form .btn{margin-top:0!important}.row{flex-wrap:wrap;gap:14px}@media(max-width:980px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.creator .app-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.wrap{width:calc(100% - 28px)}.nav{gap:12px;padding:12px 0}.nav nav{width:auto!important;gap:10px;margin-inline-start:auto;padding:0;flex-wrap:wrap}.nav nav>a{display:none}.nav .brand{font-size:15px}.nav .brand small{font-size:10px}.app-header{display:block;padding-top:20px}.app-header p{margin-top:6px}.app-nav{flex-wrap:nowrap;overflow:auto;padding:8px 0 12px;gap:3px}.app-nav a{flex-shrink:0;font-size:12px;padding:8px 11px}.card{padding:19px;border-radius:15px}.creator .app-grid{grid-template-columns:1fr}.creator .actions .btn{width:100%}.kpi-grid{gap:10px}.kpi-card{padding:16px 12px;gap:10px}.kpi-symbol{width:35px;height:35px;border-radius:10px}.kpi-symbol svg{width:19px;height:19px}.kpi-value{font-size:24px}.kpi-label{font-size:11px}.table-wrap{margin-top:14px}th,td{padding:13px 10px}.search-form{width:100%}.search-form input{min-width:0}.account-login{margin:35px auto}.account-login>.card{padding:27px}.footer .row{font-size:11px}.app-grid{grid-template-columns:1fr}.analytics-chart{height:210px}}@media(prefers-reduced-motion:reduce){.btn{transition:none}}
