:root{--bg:#040817;--bg2:#08112b;--panel:#0a1636d1;--panel2:#060e24d1;--line:#87a8ff24;--line2:#60a5fa57;--blue:#3b82f6;--blue2:#60a5fa;--cyan:#22d3ee;--violet:#8b5cf6;--success:#2dd4bf;--warning:#f59e0b;--danger:#fb7185;--text:#f8fbff;--muted:#91a4c7;--muted2:#62759a;--shadow:0 25px 80px #00000057;--radius:24px;--sidebar:270px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 12% 5%,#2563eb38,#0000 30rem),radial-gradient(circle at 92% 16%,#22d3ee1c,#0000 26rem),linear-gradient(145deg,#030713,#050b1e 45%,#09122d);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-image:linear-gradient(#60a5fa0d 1px,#0000 1px),linear-gradient(90deg,#60a5fa0d 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 96%);mask-image:linear-gradient(#000,#0000 96%)}body:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0408170a,#040817d1);position:fixed;inset:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.modal-open{overflow:hidden}.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:50;background:#040919bd;height:100vh;padding:22px 17px;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:8px 8px 25px;display:flex}.brand-mark{color:#8ec5ff;background:linear-gradient(145deg,#60a5fa4d,#22d3ee12),#0b1738;border:1px solid #60a5fa47;border-radius:15px;place-items:center;width:44px;height:44px;display:grid;box-shadow:inset 0 1px #ffffff1f,0 12px 30px #2563eb3b}.brand strong{letter-spacing:-.025em;font-size:1rem;display:block}.brand span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.69rem;display:block}.nav-label{color:#526789;letter-spacing:.16em;text-transform:uppercase;margin:7px 11px 9px;font-size:.65rem;font-weight:900;display:block}.sidebar nav{gap:5px;display:grid}.sidebar nav button{width:100%;min-height:46px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;align-items:center;gap:11px;padding:0 13px;font-size:.87rem;font-weight:720;transition:all .2s;display:flex}.sidebar nav button:hover{color:var(--text);border-color:var(--line);background:#ffffff09}.sidebar nav button.active{color:#f9fcff;box-shadow:inset 3px 0 0 var(--blue2);background:linear-gradient(90deg,#3b82f630,#22d3ee0e);border-color:#60a5fa38}.sidebar-system{border:1px solid var(--line);background:#ffffff08;border-radius:17px;padding:14px;position:absolute;bottom:18px;left:17px;right:17px}.sidebar-system>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar-system span{color:var(--muted);font-size:.74rem}.sidebar-system b{color:#7ef5e1;align-items:center;gap:7px;font-size:.72rem;display:inline-flex}.sidebar-system b i,.online-pill i,.status-dot{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #2dd4bf14,0 0 13px #2dd4bf8c}.sidebar-system p{color:#c2d0eb;white-space:nowrap;text-overflow:ellipsis;margin:10px 0 0;font-size:.73rem;overflow:hidden}.main-content{min-width:0}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:35;background:#0409196b;border-bottom:1px solid #87a8ff14;align-items:center;gap:10px;height:72px;padding:0 23px;display:flex;position:sticky;top:0}.topbar-spacer{flex:1}.admin-chip{border:1px solid var(--line);background:#ffffff08;border-radius:14px;align-items:center;gap:10px;padding:6px 10px 6px 7px;display:flex}.admin-chip strong,.admin-chip small{display:block}.admin-chip strong{font-size:.78rem}.admin-chip small{color:var(--muted2);margin-top:2px;font-size:.66rem}.content-area{padding:24px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.eyebrow{color:var(--blue2);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:.69rem;font-weight:900;display:block}.page-head h1{letter-spacing:-.05em;margin:0;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.04}.page-head p{color:var(--muted);margin:8px 0 0;font-size:.84rem;line-height:1.55}.head-actions{gap:9px;display:flex}.btn,.icon-btn,.text-btn{cursor:pointer;border:0;transition:all .2s}.btn{border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:.78rem;font-weight:900;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6 55%,#06b6d4 135%);box-shadow:0 13px 32px #2563eb40,inset 0 1px #ffffff26}.btn-primary:hover,.btn-soft:hover,.btn-danger:hover,.btn-danger-soft:hover,.btn-ghost:hover{filter:brightness(1.06);transform:translateY(-2px)}.btn-primary:disabled,.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{color:var(--muted);border:1px solid var(--line);background:#ffffff07}.btn-soft{color:#ddecff;background:#3b82f61c;border:1px solid #60a5fa33}.btn-danger{color:#fff;background:linear-gradient(135deg,#e11d48,#fb7185)}.btn-danger-soft{color:#ffc0cc;background:#fb718514;border:1px solid #fb718533}.btn-wide{width:100%}.icon-btn{border:1px solid var(--line);width:42px;height:42px;color:var(--muted);background:#ffffff08;border-radius:13px;place-items:center;display:grid}.icon-btn:hover{color:var(--text);border-color:var(--line2);transform:translateY(-1px)}.text-btn{color:var(--blue2);background:0 0;font-size:.75rem;font-weight:850}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0f1f45d1,#070f26bf);border-radius:20px;min-height:146px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 55px #0000002b}.stat-card:after{content:"";background:radial-gradient(circle,#60a5fa33,#0000 68%);border-radius:50%;width:135px;height:135px;position:absolute;bottom:-70px;right:-60px}.stat-top{color:var(--muted);justify-content:space-between;align-items:flex-start;gap:10px;font-size:.75rem;font-weight:800;display:flex}.stat-top b{width:38px;height:38px;color:var(--blue2);background:#3b82f616;border:1px solid #60a5fa26;border-radius:13px;place-items:center;display:grid}.stat-value{z-index:1;letter-spacing:-.05em;margin-top:16px;font-size:clamp(1.55rem,3vw,2.1rem);display:block;position:relative}.stat-card p{z-index:1;color:var(--muted2);margin:7px 0 0;font-size:.71rem;position:relative}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;display:grid}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,var(--panel),var(--panel2));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}.panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:72px;padding:16px 18px;display:flex}.panel-head h2{letter-spacing:-.02em;margin:0;font-size:1rem}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:.73rem}.recent-list{display:grid}.recent-item{border-bottom:1px solid #87a8ff14;align-items:center;gap:11px;min-height:73px;padding:12px 17px;display:flex}.recent-item:last-child{border-bottom:0}.avatar{color:#fff;background:linear-gradient(135deg,#3b82f6e6,#7c3aedcc);border:1px solid #ffffff21;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:900;display:grid}.avatar.small{border-radius:11px;width:34px;height:34px}.recent-main{flex:1;min-width:0}.recent-main strong,.recent-main span{display:block}.recent-main strong{font-size:.79rem}.recent-main span{color:var(--muted2);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:.68rem;overflow:hidden}.recent-price{text-align:right;color:#dce8ff;min-width:80px;font-size:.77rem;font-weight:850}.quick-panel{min-height:100%}.quick-flow{gap:12px;padding:18px;display:grid}.quick-flow>div{grid-template-columns:34px 1fr;align-items:flex-start;gap:10px;display:grid}.quick-flow b{color:#ddecff;background:#3b82f61f;border:1px solid #60a5fa2e;border-radius:11px;place-items:center;width:34px;height:34px;font-size:.68rem;display:grid}.quick-flow span strong,.quick-flow span small{display:block}.quick-flow span strong{font-size:.78rem}.quick-flow span small{color:var(--muted2);margin-top:3px;font-size:.68rem;line-height:1.45}.panel-head-wrap{align-items:flex-end}.filters{align-items:center;gap:8px;display:flex}.filters select,.search-box{border:1px solid var(--line);height:40px;color:var(--text);background:#ffffff09;border-radius:12px;outline:none}.filters select{min-width:140px;padding:0 10px}.filters select option,.field select option{background:#0b1532}.search-box{align-items:center;min-width:230px;display:flex;position:relative}.search-box svg{color:var(--muted2);position:absolute;left:12px}.search-box input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0 11px 0 38px}.search-box input::placeholder,input::placeholder,textarea::placeholder{color:#596d92}table{border-collapse:collapse;width:100%;min-width:880px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #87a8ff14;padding:14px 16px}th{color:#6f83a8;letter-spacing:.1em;text-transform:uppercase;background:#ffffff03;font-size:.65rem;font-weight:900}td{color:#d8e4fa;font-size:.76rem}tbody tr{transition:all .18s}tbody tr:hover{background:#60a5fa08}tbody tr:last-child td{border-bottom:0}.client-cell{align-items:center;gap:10px;display:flex}.client-cell strong,.client-cell small{display:block}.client-cell strong{font-size:.79rem}.client-cell small{color:var(--muted2);margin-top:3px;font-size:.67rem}.link-text{color:#a8c9ff;cursor:pointer;background:0 0;border:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.table-note{color:var(--muted2);margin-top:3px;font-size:.65rem;display:block}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;min-height:27px;padding:0 9px;font-size:.66rem;font-weight:900;display:inline-flex}.badge i{border-radius:50%;width:7px;height:7px}.badge-active,.badge-current{color:#8ff9e8;background:#2dd4bf13;border-color:#2dd4bf29}.badge-active i,.badge-current i{background:var(--success);box-shadow:0 0 10px #2dd4bf99}.badge-paused,.badge-pending{color:#f9c56b;background:#f59e0b13;border-color:#f59e0b2b}.badge-paused i,.badge-pending i{background:var(--warning)}.badge-overdue{color:#ffacbb;background:#fb718513;border-color:#fb71852e}.badge-overdue i{background:var(--danger)}.row-actions{align-items:center;gap:5px;display:flex}.row-actions button{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:10px;place-items:center;transition:all .18s;display:grid}.row-actions button:hover{color:#fff;border-color:var(--line2);transform:translateY(-1px)}.row-actions .danger-action:hover{color:#ffb4c1;background:#fb71850f;border-color:#fb71854d}.loading-state,.empty-state{text-align:center;min-height:230px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:35px;display:flex}.loading-state{flex-direction:row;gap:11px}.empty-state svg{color:var(--muted2);margin-bottom:12px}.empty-state strong{color:#dce7fb}.empty-state span{margin-top:6px;font-size:.74rem}.empty-state.compact{min-height:130px}.spinner{border:2px solid #60a5fa2e;border-top-color:var(--blue2);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.spinner.large{border-width:3px;width:34px;height:34px}@keyframes spin{to{transform:rotate(360deg)}}.billing-list{display:grid}.billing-item{border-bottom:1px solid #87a8ff14;grid-template-columns:38px minmax(150px,1fr) 115px 110px 100px auto;align-items:center;gap:12px;min-height:80px;padding:13px 17px;display:grid}.billing-item:last-child{border-bottom:0}.billing-main strong,.billing-main span,.billing-item>div>small,.billing-item>div>strong{display:block}.billing-main strong{font-size:.79rem}.billing-main span{color:var(--muted2);margin-top:3px;font-size:.66rem}.billing-item>div>small{color:var(--muted2);font-size:.62rem}.billing-item>div>strong{margin-top:3px;font-size:.74rem}.billing-actions{gap:7px;display:flex}.billing-actions .btn{min-height:37px;padding:0 11px;font-size:.68rem}.spaced-panel{margin-top:16px}.billing-row-actions button:first-child:hover{color:var(--success)}.billing-row-actions button:nth-child(2):hover{color:var(--warning)}.billing-row-actions button:nth-child(3):hover{color:var(--danger)}.domain-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.config-card{min-height:100%}.online-pill{color:#8ff9e8;align-items:center;gap:7px;font-size:.67rem;font-weight:850;display:inline-flex}.config-body{padding:18px}.dns-record{border:1px solid var(--line);background:#ffffff06;border-radius:15px;grid-template-columns:80px 1.2fr 1.6fr 40px;align-items:center;gap:10px;padding:13px;display:grid}.dns-record small,.dns-record strong{display:block}.dns-record small{color:var(--muted2);font-size:.62rem}.dns-record strong{color:#dce8ff;margin-top:4px;font-size:.74rem}.dns-record button{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff06;border-radius:11px;place-items:center;display:grid}.info-box{background:#3b82f60e;border:1px solid #60a5fa29;border-radius:14px;align-items:flex-start;gap:10px;margin-top:12px;padding:13px;display:flex}.info-box svg{color:var(--blue2);flex:none}.info-box p{color:var(--muted);margin:0;font-size:.69rem;line-height:1.55}.route-list{gap:9px;padding:17px;display:grid}.route-list>div{background:#ffffff06;border:1px solid #87a8ff17;border-radius:13px;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:0 12px;display:flex}.route-list span{color:var(--muted);font-size:.7rem}.route-list button{color:#b9d3ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.69rem;display:flex}.domain-list{display:grid}.domain-row{border-bottom:1px solid #87a8ff14;grid-template-columns:38px minmax(180px,1fr) 90px 140px 160px;align-items:center;gap:10px;min-height:71px;padding:12px 17px;display:grid}.domain-row:last-child{border-bottom:0}.domain-row>div strong,.domain-row>div span{display:block}.domain-row>div strong{font-size:.78rem}.domain-row>div span{color:var(--muted2);margin-top:3px;font-size:.67rem}.file-state{color:var(--muted2);font-size:.67rem}.file-state.ok{color:#80dbc9}.settings-card>.panel-head>svg{color:var(--blue2)}.settings-body{gap:13px;padding:18px;display:grid}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:17px;display:grid}.system-grid>div{background:#ffffff06;border:1px solid #87a8ff1a;border-radius:13px;padding:13px}.system-grid span,.system-grid strong{display:block}.system-grid span{color:var(--muted2);font-size:.64rem}.system-grid strong{color:#dce8ff;word-break:break-word;margin-top:5px;font-size:.72rem}.audit-list{display:grid}.audit-row{border-bottom:1px solid #87a8ff14;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:62px;padding:11px 17px;display:grid}.audit-row:last-child{border-bottom:0}.audit-icon{width:34px;height:34px;color:var(--blue2);background:#3b82f614;border-radius:11px;place-items:center;display:grid}.audit-row strong,.audit-row span{display:block}.audit-row strong{font-size:.74rem}.audit-row span{color:var(--muted2);margin-top:3px;font-size:.64rem}.audit-row time{color:var(--muted2);font-size:.64rem}.field{gap:7px;display:grid}.field>span{color:#bdcbe4;font-size:.7rem;font-weight:820}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;min-height:45px;color:var(--text);background:#ffffff09;border-radius:13px;outline:none;padding:0 12px}.field textarea{resize:vertical;min-height:90px;padding-top:11px}.field input:focus,.field select:focus,.field textarea:focus,.filters select:focus,.search-box:focus-within{border-color:#60a5fa80;box-shadow:0 0 0 4px #3b82f614}.domain-input{grid-template-columns:minmax(0,1fr) auto;display:grid}.domain-input input{border-radius:13px 0 0 13px}.domain-input b{border:1px solid var(--line);color:#8298bd;background:#ffffff06;border-left:0;border-radius:0 13px 13px 0;align-items:center;min-height:45px;padding:0 11px;font-size:.69rem;display:flex}.readonly-url{border:1px solid var(--line);color:#8ebcff;background:#3b82f60a;border-radius:13px;align-items:center;min-height:45px;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;display:flex;overflow:hidden}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.field-full{grid-column:1/-1}.upload-zone{text-align:center;cursor:pointer;background:#3b82f60b;border:1px dashed #60a5fa4d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:128px;padding:16px;transition:all .2s;display:flex}.upload-zone:hover,.upload-zone.has-file{background:#22d3ee0e;border-color:#22d3ee8c}.upload-zone input{display:none}.upload-zone svg{color:var(--blue2);margin-bottom:8px}.upload-zone strong{font-size:.8rem}.upload-zone span{color:var(--muted);margin-top:5px;font-size:.68rem}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020612c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:linear-gradient(160deg,#0e1e44fc,#050c1ffc);border:1px solid #60a5fa38;border-radius:25px;flex-direction:column;width:min(100%,650px);max-height:calc(100vh - 40px);display:flex;overflow:hidden;box-shadow:0 34px 100px #00000094}.modal-wide{width:min(100%,960px)}.modal-head{border-bottom:1px solid var(--line);background:#08122bf5;justify-content:space-between;align-items:center;gap:12px;min-height:74px;padding:15px 18px;display:flex}.modal-head h2{margin:0;font-size:1.05rem}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:.72rem}.modal-body{padding:18px;overflow:auto}.modal-footer{border-top:1px solid var(--line);background:#08122bf5;justify-content:flex-end;gap:9px;padding:14px 18px;display:flex}.confirm-box{align-items:flex-start;gap:14px;padding:8px 4px 5px;display:flex}.confirm-icon{color:#ffadbc;background:#fb718517;border:1px solid #fb71852b;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;display:grid}.confirm-box p{color:#bdcbe4;margin:4px 0 0;font-size:.82rem;line-height:1.65}.preview-frame{border:1px solid var(--line);background:#fff;border-radius:16px;width:100%;height:min(68vh,720px)}.toast{z-index:200;color:#eef5ff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071027f5;border:1px solid #60a5fa38;border-radius:14px;width:max-content;max-width:calc(100vw - 30px);padding:12px 15px;font-size:.76rem;font-weight:800;animation:.22s toastIn;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 54px #0000005c}.toast-success{border-color:#2dd4bf40}.toast-error{border-color:#fb718547}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%)}}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-orb{filter:blur(1px);pointer-events:none;border-radius:50%;position:absolute}.login-orb-a{background:radial-gradient(circle,#2563eb40,#0000 68%);width:420px;height:420px;top:-150px;left:-220px}.login-orb-b{background:radial-gradient(circle,#22d3ee26,#0000 68%);width:360px;height:360px;bottom:-140px;right:-170px}.login-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#0c1b3ee6,#050d22de);border-radius:28px;width:min(100%,460px);padding:28px;position:relative;box-shadow:0 30px 100px #00000075}.brand-login{padding:0 0 24px}.login-copy{margin-bottom:22px}.login-copy h1{letter-spacing:-.05em;margin:0;font-size:2rem}.login-copy p{color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.55}.login-card .field{margin-bottom:13px}.login-domain{color:var(--muted2);justify-content:center;align-items:center;gap:8px;margin-top:17px;font-size:.69rem;display:flex}.app-loader{min-height:100vh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.app-loader strong{font-size:.78rem}.mobile-menu,.sidebar-overlay{display:none}@media (width<=1180px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.domain-grid,.settings-grid{grid-template-columns:1fr}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-item{grid-template-columns:38px minmax(150px,1fr) 105px 105px}.billing-item>.badge,.billing-actions{grid-column:auto}.billing-actions{justify-content:flex-end}.billing-item{flex-wrap:wrap}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{width:min(84vw,290px);transition:all .25s;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:22px 0 70px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02061299;border:0;display:block;position:fixed;inset:0}.mobile-menu{display:grid}.content-area{padding:18px}.topbar{padding:0 17px}.billing-item{grid-template-columns:38px minmax(130px,1fr) 100px}.billing-item>.badge{justify-self:start}.billing-actions{grid-column:2/-1;justify-content:flex-start}}@media (width<=720px){.page-head{flex-direction:column;align-items:flex-start}.head-actions{flex-wrap:wrap;width:100%}.stats-grid,.stats-three{grid-template-columns:1fr}.panel-head-wrap{flex-direction:column;align-items:stretch}.filters{grid-template-columns:1fr;width:100%;display:grid}.filters select,.search-box{width:100%;min-width:0}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.domain-input{grid-template-columns:1fr}.domain-input input{border-radius:13px 13px 0 0}.domain-input b{border-left:1px solid var(--line);border-top:0;border-radius:0 0 13px 13px}.system-grid{grid-template-columns:1fr}.billing-item{grid-template-columns:38px 1fr}.billing-item>div:not(.billing-main):not(.billing-actions),.billing-item>.badge{grid-column:2}.domain-row{grid-template-columns:38px 1fr 42px 42px}.domain-row>.badge,.domain-row>.file-state{grid-column:2}.dns-record{grid-template-columns:1fr}.dns-record button{justify-self:start}.modal-backdrop{padding:8px}.modal-card{border-radius:20px;max-height:calc(100vh - 16px)}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:1}.admin-chip div{display:none}}@media (width<=480px){.content-area{padding:13px}.topbar{height:64px;padding:0 12px}.page-head h1{font-size:1.8rem}.head-actions .btn{flex:1}.login-page{padding:13px}.login-card{border-radius:23px;padding:22px}.recent-item{grid-template-columns:38px 1fr auto;display:grid}.recent-price{text-align:left;grid-column:2}.route-list>div{flex-direction:column;align-items:flex-start;padding:11px}.route-list button{word-break:break-all;text-align:left}.modal-body{padding:14px}.modal-head,.modal-footer{padding-left:14px;padding-right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.analytics-panel{background:var(--bg);min-height:100vh}.analytics-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 26px;display:flex}.analytics-head h2{margin:0 0 4px;font-size:1.35rem}.analytics-head p{color:var(--muted);margin:0;font-size:.88rem}.analytics-actions{align-items:center;gap:10px;display:flex}.analytics-actions select{background:var(--bg2);border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 12px;font-size:.85rem}.analytics-body{flex-direction:column;gap:24px;padding:20px 26px 40px;display:flex}.analytics-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:16px;padding:18px 16px}.metric-card strong{color:var(--blue2);font-size:1.85rem;font-weight:750;display:block}.metric-card span{color:var(--muted2);margin-top:4px;font-size:.8rem;display:block}.analytics-section{background:var(--panel2);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.analytics-section h3{color:var(--text);margin:0 0 14px;font-size:1rem;font-weight:650}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.day-chart{align-items:flex-end;gap:2px;height:140px;padding:6px 0;display:flex}.day-bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.day-bar{background:linear-gradient(180deg,var(--blue),var(--blue2));border-radius:3px 3px 0 0;width:100%;max-width:18px;min-height:2px;transition:all .2s}.day-bar:hover{filter:brightness(1.3)}.day-label{color:var(--muted2);writing-mode:vertical-rl;margin-top:4px;font-size:.6rem;transform:rotate(180deg)}.bar-chart{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.bar-row{grid-template-columns:100px minmax(0,1fr);align-items:center;gap:10px;font-size:.82rem;display:grid}.bar-label{color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-track{background:#ffffff0f;border-radius:6px;height:22px;overflow:hidden}.bar-fill{border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;transition:width .5s;display:flex}.bar-val{color:#fff;font-size:.72rem;font-weight:600}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.84rem}.data-table th{text-align:left;color:var(--muted2);border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 12px;font-weight:600}.data-table td{white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:8px 12px}.data-table tbody tr:hover{background:#ffffff05}.mono-cell{text-overflow:ellipsis;max-width:280px;font-family:SF Mono,monospace;font-size:.78rem;overflow:hidden}@media (width<=820px){.analytics-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:70px minmax(0,1fr)}}@media (width<=480px){.analytics-cards{grid-template-columns:1fr}.analytics-head{flex-direction:column}.analytics-body{padding:14px}}.domain-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}@media (width<=720px){.domain-row{grid-template-columns:38px 1fr 90px 120px 150px}.domain-actions{gap:2px}}