.workspace{max-width:1700px}
body[data-page="dashboard"] #workspace>.workspace-section:not(#dashboard),
body[data-page="users"] #workspace>.workspace-section:not(#users),
body[data-page="sites"] #workspace>.workspace-section:not(#sites),
body[data-page="backlinks"] #workspace>.workspace-section:not(#backlinks),
body[data-page="bulk"] #workspace>.workspace-section:not(#bulk),
body[data-page="guardians"] #workspace>.workspace-section:not(#guardians),
body[data-page="rs-links"] #workspace>.workspace-section:not(#rs-links),
body[data-page="campaigns"] #workspace>.workspace-section:not(#campaigns),
body[data-page="link-groups"] #workspace>.workspace-section:not(#link-groups),
body[data-page="placements"] #workspace>.workspace-section:not(#placements),
body[data-page="migrations"] #workspace>.workspace-section:not(#migrations),
body[data-page="sync"] #workspace>.workspace-section:not(#sync),
body[data-page="health"] #workspace>.workspace-section:not(#health),
body[data-page="logs"] #workspace>.workspace-section:not(#logs),
body[data-page="import-export"] #workspace>.workspace-section:not(#import-export),
body[data-page="settings"] #workspace>.workspace-section:not(#settings),
body[data-page="statistics"] #workspace>.workspace-section:not(#statistics),
body[data-page="connector"] #workspace>.workspace-section:not(#connector),
body[data-page="profile"] #workspace>.workspace-section:not(#profile){display:none}
body[data-page="subscription"] #workspace>.workspace-section:not(#subscription){display:none}
.sidebar nav{flex:1;min-height:0;align-content:start;gap:4px;margin-top:27px;padding:0 3px 12px;overflow:auto}
.sidebar nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid transparent;font-size:12px}
.sidebar nav a:hover{background:#19382d}
.sidebar nav a.active{border-color:#315646;background:linear-gradient(110deg,#214b3a,#1a382e);color:#fff}
.sidebar nav a.active:before{content:none}
.nav-arrow{color:#769587;font-size:18px;line-height:1}
.sidebar nav a.active .nav-arrow{color:#64d8aa}
.workspace .topbar{margin-bottom:14px}
.page-intro{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:19px 22px;border:1px solid #e1eae4;border-radius:12px;background:linear-gradient(105deg,#fff,#f7faf8)}
body[data-page="dashboard"] .page-intro{display:none}
.page-intro h2{margin:6px 0 0;font-size:19px;letter-spacing:-.035em}
.page-role{padding:7px 10px;border:1px solid #e1eae4;border-radius:20px;background:#fff;color:#82918a;font-size:9px;font-weight:700;letter-spacing:.1em;white-space:nowrap}
.workspace-section{margin:0 0 30px;scroll-margin-top:20px}
.workspace-section>h2,.section-title h2{margin:5px 0 13px;font-size:20px}
.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.inline-form h3{width:100%;margin:0;font-size:14px}
.inline-form label,.panel>label{display:grid;gap:6px;min-width:145px;color:#52665b;font-size:10px;font-weight:700}
.inline-form input,.inline-form select,.panel textarea{min-height:39px;padding:8px 10px;border:1px solid #dfe8e2;border-radius:7px;background:#fbfcfb;color:#263b30;font:12px "DM Sans",sans-serif}
.inline-form .button-primary{width:auto;margin:0;white-space:nowrap}
.panel textarea{display:block;width:100%;margin:7px 0 12px;resize:vertical;font-family:Consolas,monospace}
.toolbar,.pagination{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.toolbar .button-primary{width:auto;margin:0}
.pagination{justify-content:flex-end;margin:10px 0 20px;color:#82918a;font-size:11px}
.pagination .button{min-height:34px}
.workspace .panel{margin-bottom:12px}
.workspace .panel-heading h3{margin:0;font-size:14px}
.workspace .table-wrap table{min-width:780px}
.workspace .table-wrap td{max-width:280px;overflow-wrap:anywhere}
.workspace .table-wrap td:nth-child(1) input{accent-color:#13795b}
.text-button{padding:3px 6px;border:0;background:transparent;color:#13795b;font:700 10px "DM Sans",sans-serif;cursor:pointer}
.text-button.danger{color:#ba4a3a}
.notice{position:sticky;top:10px;z-index:5;padding:12px 14px;border-radius:8px;font-size:12px}
.notice-success{border:1px solid #c6e9d7;background:#eefaf3;color:#246b49}
.notice-error{border:1px solid #f1d0c8;background:#fff4f1;color:#9a4031}
.workspace-hint{color:#839188;font-size:11px;line-height:1.7}
.result-box{max-height:300px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;color:#52665b;font-size:10px}
.status{white-space:nowrap}
.workspace{max-width:none;min-height:100vh;background:#f3f6f4}
.sidebar{width:264px;padding:25px 17px;background:linear-gradient(180deg,#10251f 0%,#142f27 58%,#10241f 100%);box-shadow:8px 0 30px #10251f12}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#32be88,#087858);box-shadow:0 7px 18px #13a87638}
.sidebar nav{gap:5px;margin-top:39px}
.sidebar nav a{position:relative;min-height:41px;padding:10px 12px;border-radius:8px;color:#a6bcb1;font-size:12px;transition:background .18s,color .18s,transform .18s}
.sidebar nav a:hover{background:#ffffff0c;color:#fff;transform:translateX(2px)}
.sidebar nav a.active{border-color:#46bd8b36;background:linear-gradient(100deg,#1b503c,#1c4134);color:#fff;box-shadow:inset 3px 0 #4bd49a,0 5px 16px #061b1422}
.nav-arrow{color:#829f91}
.main.workspace{margin-left:264px;padding:29px clamp(20px,3vw,48px) 32px}
.workspace .topbar{min-height:60px;margin-bottom:17px}
.workspace .topbar h1{font-size:28px}
.page-intro{position:relative;overflow:hidden;border-color:#dce8e0;border-radius:14px;background:linear-gradient(112deg,#fff 0%,#f0f7f3 100%);box-shadow:0 7px 24px #183c2b08}
.page-intro:after{position:absolute;right:8%;top:-60px;width:190px;height:190px;border:1px solid #cfe5d8;border-radius:50%;box-shadow:0 0 0 22px #ffffff70,0 0 0 46px #ffffff45;content:""}
.page-intro>div,.page-role{position:relative;z-index:1}
.page-intro h2{max-width:740px;line-height:1.45}
.page-role{border-color:#d4e8dc;background:#f7fcf8;color:#267652}
.workspace .welcome{min-height:174px;border-color:#d2e7d9;border-radius:16px;background:linear-gradient(115deg,#e4f4ea 0%,#f4faf6 57%,#e7f5ed 100%);box-shadow:0 9px 28px #1c50320b}
.workspace .welcome:before{position:absolute;inset:auto 0 0;height:4px;background:linear-gradient(90deg,#18875d,#67d0a1 55%,#f0bd68);content:""}
.workspace .welcome h2{max-width:min(700px,calc(100% - 220px));line-height:1.35}
.workspace .welcome p{max-width:min(620px,calc(100% - 220px))}
.workspace .welcome-state{border-color:#c9e5d4;background:#ffffffd9}
.workspace .metrics{gap:14px}
.workspace .metric{position:relative;overflow:hidden;min-height:122px;padding:18px 19px;border-color:#e1e9e4;border-radius:13px;box-shadow:0 6px 18px #183c2b07;transition:transform .18s,box-shadow .18s}
.workspace .metric:hover{transform:translateY(-2px);box-shadow:0 11px 24px #183c2b10}
.workspace .metric:after{position:absolute;top:0;right:0;width:4px;height:100%;background:linear-gradient(#37b981,#c8ead7);content:""}
.workspace .metric span{font-size:10px;letter-spacing:.025em}
.workspace .metric strong{font-size:29px;color:#15583e}
.workspace-section>h2,.section-title h2{letter-spacing:-.035em}
.workspace .panel{border-color:#e1e9e4;border-radius:13px;box-shadow:0 6px 20px #183c2b06}
.workspace .panel-heading{padding-bottom:12px;border-bottom:1px solid #edf1ee}
.workspace .table-wrap{border:1px solid #e4ebe6;border-radius:12px;background:#fff;box-shadow:0 5px 18px #183c2b05}
.workspace .table-wrap table{min-width:780px}
.workspace .table-wrap thead{background:#f6f9f7}
.workspace .table-wrap th{padding:12px 10px;color:#718379;font-size:9px;letter-spacing:.09em}
.workspace .table-wrap td{padding:13px 10px;border-top-color:#edf1ee}
.workspace .table-wrap tbody tr{transition:background .15s}
.workspace .table-wrap tbody tr:hover{background:#f8fbf9}
.workspace .inline-form{border-color:#e1e9e4;background:linear-gradient(135deg,#fff,#fbfdfb)}
.workspace .inline-form input:focus,.workspace .inline-form select:focus,.workspace .panel textarea:focus{outline:0;border-color:#58ac80;box-shadow:0 0 0 3px #58ac801c}
.workspace .button-primary{background:linear-gradient(120deg,#12805a,#15966a);box-shadow:0 4px 11px #13795b20}
.workspace .button-primary:hover{background:linear-gradient(120deg,#0d6c4b,#117e59)}
.workspace .button-quiet{transition:border-color .15s,background .15s}
.workspace .button-quiet:hover{border-color:#cbdcd1;background:#f8fbf9}
.workspace .notice{box-shadow:0 8px 24px #173b2a12}
.workspace .result-box{padding:12px;border:1px solid #e7ede9;border-radius:8px;background:#f8faf9}
.workspace .status{font-size:9px}

/* Light analytics workspace, inspired by compact admin dashboard layouts. */
.workspace{background:#f5f6fa;color:#22243a}
.sidebar{width:250px;padding:23px 15px;background:#fff;color:#34364a;border-right:1px solid #ececf2;box-shadow:4px 0 20px #28234608}
.brand{color:#28283b}
.brand small{color:#9292a6;letter-spacing:.14em}
.brand-mark{background:linear-gradient(145deg,#8b5cf6,#6741d9);box-shadow:0 6px 16px #7654df35}
.sidebar nav{gap:4px;margin-top:34px}
.sidebar nav a{min-height:39px;padding:10px 12px;border-radius:7px;color:#747589;font-size:12px}
.sidebar nav a:hover{background:#f6f3ff;color:#6a4bd4;transform:none}
.sidebar nav a.active{border-color:#ebe5ff;background:linear-gradient(100deg,#f1edff,#faf8ff);color:#6848d3;box-shadow:inset 3px 0 #8159ed}
.sidebar nav a.active:before{content:none}
.nav-arrow,.sidebar nav a.active .nav-arrow{color:#a397cf}
.sidebar-note{border-color:#ece8f5;background:#faf9fd;color:#53546b}
.sidebar-note span{color:#9694aa}
.main.workspace{margin-left:250px;padding:0 clamp(20px,2.7vw,42px) 32px;background:#f5f6fa}
.workspace .topbar{position:sticky;top:0;z-index:10;min-height:76px;margin:0 calc(clamp(20px,2.7vw,42px)*-1) 24px;padding:13px clamp(20px,2.7vw,42px);border-bottom:1px solid #ececf2;background:#fff;box-shadow:0 4px 15px #26234608}
.workspace .topbar h1{font-size:24px;letter-spacing:-.035em}
.workspace .topbar .eyebrow{color:#9696a8;font-size:8px}
.workspace .topbar .button-quiet{border-color:#e9e8ef;border-radius:7px;background:#fff;color:#68697d}
.page-intro{border-color:#ececf2;border-radius:10px;background:#fff;box-shadow:0 3px 12px #28234608}
.page-intro:after{right:8%;top:-85px;border-color:#f0e9ff;box-shadow:0 0 0 22px #f8f4ff,0 0 0 46px #fcfaff}
.page-intro .eyebrow,.section-title .eyebrow{color:#9696aa}
.page-intro h2{color:#33344b;font-size:18px}
.page-role{border-color:#eee9ff;background:#f7f4ff;color:#7855dc}
.workspace .welcome{min-height:146px;border-color:#ececf2;border-radius:11px;background:linear-gradient(110deg,#fff 0%,#fff 68%,#fbf8ff 100%);box-shadow:0 4px 15px #28234609}
.workspace .welcome:before{height:3px;background:linear-gradient(90deg,#7753e6 0%,#c044c5 52%,#f0a2c9 100%)}
.workspace .welcome:after{right:15%;top:-135px;border-color:#eadffd;box-shadow:0 0 0 28px #f8f3ff,0 0 0 58px #fdf9ff}
.workspace .welcome .eyebrow{color:#8d78c5}
.workspace .welcome h2{color:#292a41;font-size:22px}
.workspace .welcome p{color:#88899b}
.workspace .welcome-state{border-color:#e9e2fc;background:#faf8ff;color:#7856d7}
.workspace .welcome-state i{background:#8a62ee;box-shadow:0 0 0 4px #8a62ee20}
.workspace .metrics{gap:13px}
.workspace .metric{min-height:116px;border-color:#ececf2;border-radius:9px;background:#fff;box-shadow:0 3px 12px #2823460a;transition:transform .18s,box-shadow .18s}
.workspace .metric:after{right:auto;left:0;width:3px;background:linear-gradient(#8059ec,#dc6bc1)}
.workspace .metric:nth-child(3n+2):after{background:linear-gradient(#d346ba,#ef92bb)}
.workspace .metric:nth-child(3n):after{background:linear-gradient(#4c9ce8,#8a71ed)}
.workspace .metric:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3a2b7512}
.workspace .metric span{color:#828397;font-weight:600}
.workspace .metric strong{color:#282941}
.workspace .metric small{color:#a3a3b1}
.workspace-section>h2,.section-title h2{color:#303147}
.workspace .panel{border-color:#ececf2;border-radius:10px;background:#fff;box-shadow:0 3px 12px #28234608}
.workspace .panel-heading{border-bottom-color:#f0eff4}
.workspace .panel-heading h2,.workspace .panel-heading h3{color:#303147}
.workspace .table-wrap{border-color:#ececf2;border-radius:9px;box-shadow:0 3px 12px #28234608}
.workspace .table-wrap thead{background:#fafafe}
.workspace .table-wrap th{color:#8b8c9f}
.workspace .table-wrap td{border-top-color:#f0eff4;color:#66677c}
.workspace .table-wrap td strong{color:#34354b}
.workspace .table-wrap tbody tr:hover{background:#fbfaff}
.workspace .inline-form{border-color:#ececf2;background:#fff}
.inline-form label,.panel>label{color:#65667c}
.inline-form input,.inline-form select,.panel textarea{border-color:#e7e7ee;border-radius:6px;background:#fcfcfe;color:#34354b}
.workspace .inline-form input:focus,.workspace .inline-form select:focus,.workspace .panel textarea:focus{border-color:#9a7aec;box-shadow:0 0 0 3px #8d6ded1a}
.workspace .button-primary{border-radius:7px;background:linear-gradient(115deg,#7652df,#9055dc);box-shadow:0 4px 11px #7750db25}
.workspace .button-primary:hover{background:linear-gradient(115deg,#6741d0,#8144d0)}
.workspace .button-quiet{border-color:#e8e7ef;color:#65667b}
.workspace .button-quiet:hover{border-color:#d9d0f5;background:#faf8ff}
.text-button{color:#7653dc}
.text-button.danger{color:#cd5874}
.notice-success{border-color:#d1efdf;background:#f1fbf5;color:#28764e}
.notice-error{border-color:#f4d9e2;background:#fff6f8;color:#a34460}
.workspace-hint,.pagination{color:#8b8c9e}
.workspace .result-box{border-color:#eeedf3;background:#fafafe;color:#626379}
.status-active{background:#f0eaff;color:#7046d2}
.status-pending{background:#fff5df;color:#a8791b}
.status-error,.status-broken{background:#fff0f3;color:#c4506c}
.status-paused{background:#f1f1f5;color:#77788a}
.sidebar nav a{justify-content:flex-start;gap:11px}
.sidebar nav a .nav-label{flex:1}
.nav-icon{flex:0 0 17px;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.sidebar nav a.active .nav-icon{opacity:1}
.nav-arrow{margin-left:auto;font-size:17px}
.workspace .topbar-title{display:flex;align-items:center;gap:12px}
.topbar-page-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #eee8fc;border-radius:10px;background:linear-gradient(145deg,#f5f1ff,#fbf7ff);color:#7653dc}
.topbar-page-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar-actions{display:flex;align-items:center;gap:17px}
.topbar-user{display:flex;align-items:center;gap:8px;color:#66677d;font-size:11px;font-weight:700}
.topbar-avatar{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e9e2fa;border-radius:50%;background:linear-gradient(145deg,#eee8ff,#f9eafa);color:#7551d8;font-size:12px}
.logout-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace .section-title{gap:12px}
.workspace .section-title>div{position:relative;padding-left:30px}
.workspace .section-title>div:before{position:absolute;left:0;top:3px;display:grid;place-items:center;width:22px;height:22px;border:1px solid #ebe6f7;border-radius:7px;background:#f7f4ff;color:#8461dc;content:"";box-shadow:inset 0 0 0 5px #f7f4ff}
.workspace-section .section-title h2{margin-top:3px}
.workspace .inline-form{align-items:flex-end;gap:15px;padding:21px}
.workspace .inline-form label,.workspace .panel>label{flex:1 1 165px;min-width:min(165px,100%);gap:7px;color:#65667c;font-size:10px;line-height:1.35}
.workspace .inline-form input,.workspace .inline-form select,.workspace .panel textarea,.workspace .panel>label select{width:100%;min-height:41px;padding:9px 11px;border:1px solid #e7e7ee;border-radius:7px;background:#fcfcfe;color:#34354b;font:12px "DM Sans",sans-serif;transition:border-color .15s,box-shadow .15s,background .15s}
.workspace .inline-form input:hover,.workspace .inline-form select:hover,.workspace .panel textarea:hover{border-color:#d6d2e5}
.workspace .inline-form input::placeholder,.workspace .panel textarea::placeholder{color:#aaaaba}
.workspace .inline-form input[type="checkbox"],.workspace .table-wrap input[type="checkbox"]{width:16px;min-height:16px;accent-color:#8059e8}
.workspace .inline-form input[type="date"],.workspace .inline-form input[type="datetime-local"]{min-width:165px}
.workspace .inline-form h3{color:#33344a}
.workspace .inline-form .button-primary,.workspace .toolbar .button-primary{min-height:41px;padding:0 18px}
.workspace .button{transition:transform .16s,box-shadow .16s,background .16s}
.workspace .button:active{transform:translateY(1px)}
.workspace button:focus-visible,.workspace a:focus-visible,.workspace input:focus-visible,.workspace select:focus-visible,.workspace textarea:focus-visible{outline:3px solid #9b7bef55;outline-offset:2px}
.workspace .table-wrap th:first-child,.workspace .table-wrap td:first-child{padding-left:16px}
.workspace .table-wrap td .text-button{min-height:27px;padding:5px 8px;border-radius:5px}
.workspace .table-wrap td .text-button:hover{background:#f5f1ff}
.workspace .table-wrap td .text-button.danger:hover{background:#fff1f4}
.workspace .notice{border-radius:8px}
.workspace .empty{color:#74758a}
.workspace footer{border-top:1px solid #ececf2;color:#85869b}
.workspace footer span{color:#a0a0b1}
@media(max-width:760px){.sidebar nav a{justify-content:flex-start;gap:8px}.nav-icon{width:15px;height:15px;flex-basis:15px}.nav-arrow{display:none}.workspace .topbar-title{gap:8px}.topbar-page-icon{width:34px;height:34px}.topbar-actions{gap:8px}.topbar-user{display:none}.logout-button span{display:none}.logout-button{width:38px;padding:0}.workspace .inline-form{gap:11px;padding:15px}.workspace .inline-form label,.workspace .panel>label{flex-basis:100%;min-width:0}.workspace .inline-form input[type="date"],.workspace .inline-form input[type="datetime-local"]{width:100%}}
@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;border-right:0;border-bottom:1px solid #ececf2}.sidebar nav{display:flex}.sidebar nav a.active{box-shadow:inset 0 -2px #8159ed}.main.workspace{width:auto;margin-left:0;padding:0 14px 24px}.workspace .topbar{gap:8px;min-height:64px;margin:0 -14px 17px;padding:10px 14px}.workspace .topbar>div{min-width:0}.workspace .topbar .button{padding:0 10px}.workspace .topbar h1{font-size:21px}.workspace .welcome{min-height:130px}.workspace .welcome>div:first-child{width:100%;min-width:0}.workspace .welcome h2{overflow-wrap:anywhere}.workspace .metric{min-height:100px}.page-intro:after{right:-60px}}
.theme-toggle{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid #ece8f5;border-radius:10px;background:#fbfaff;color:#7653dc;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}
.theme-toggle:hover{transform:translateY(-2px) rotate(-5deg);border-color:#dcd1f6;background:#f4efff;box-shadow:0 5px 14px #5a3ba51a}
.theme-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-moon{display:none}
.login-theme-toggle{position:fixed;top:22px;right:24px;z-index:2;background:#ffffffc9;backdrop-filter:blur(10px)}
.section-icon{position:absolute;left:0;top:3px;z-index:1;display:block;width:22px;height:22px;padding:4px;border:1px solid #ebe6f7;border-radius:7px;background:#f7f4ff;color:#8461dc;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s,background .2s}
.section-title>div:hover .section-icon{transform:rotate(-7deg) scale(1.08);background:#efeaff}
.workspace .section-title>div:before{content:none}
.workspace .metric{padding-right:51px;animation:metric-arrive .45s both;animation-delay:calc(var(--metric-order,0)*35ms)}
.metric-icon{position:absolute;top:15px;right:15px;width:27px;height:27px;padding:6px;border:1px solid #eee7ff;border-radius:8px;background:linear-gradient(145deg,#f6f2ff,#fff8ff);color:#8158e5;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.metric:nth-child(3n+2) .metric-icon{border-color:#f8e5f3;background:linear-gradient(145deg,#fff1fa,#fff9fc);color:#d252ae}
.metric:nth-child(3n) .metric-icon{border-color:#e1edfc;background:linear-gradient(145deg,#eff7ff,#fafaff);color:#558dde}
.workspace .metric:hover .metric-icon{transform:rotate(8deg) scale(1.08)}
.workspace .welcome-art{position:absolute;right:10%;top:50%;width:180px;height:145px;transform:translateY(-50%);opacity:.96;animation:float-art 5s ease-in-out infinite}
.welcome-art svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 8px 10px #8764cf18)}
.workspace .welcome:after{right:8%;top:-160px}
.workspace .welcome-state{margin-left:auto}
.workspace .topbar-page-icon{transition:transform .2s,box-shadow .2s}
.workspace .topbar-page-icon:hover{transform:rotate(-6deg) scale(1.05);box-shadow:0 5px 14px #7653dc1c}
.workspace .topbar-avatar{font-weight:800}
.workspace .inline-form label{transition:color .15s}
.workspace .inline-form label:focus-within{color:#7653dc}
.workspace .table-wrap tbody tr{animation:row-arrive .25s both}
.workspace .status{transition:transform .16s}
.workspace .status:hover{transform:scale(1.05)}
@keyframes float-art{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes metric-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes row-arrive{from{opacity:.45}to{opacity:1}}
@media(max-width:760px){.login-theme-toggle{top:14px;right:14px}.workspace .welcome h2,.workspace .welcome p{max-width:100%;padding-right:62px}.workspace .welcome-art{right:3%;top:auto;bottom:-13px;width:105px;height:83px;transform:none;opacity:.55}.workspace .welcome-state{z-index:1}.workspace .metric{padding-right:43px}.metric-icon{top:11px;right:11px;width:24px;height:24px;padding:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@media(prefers-reduced-motion:no-preference){
    .workspace .welcome-art .art-rocket{transform-box:fill-box;transform-origin:center;animation:rocket-float 3.4s ease-in-out infinite}
    .workspace .welcome-art ellipse{transform-box:fill-box;transform-origin:center;animation:orbit-pulse 4.2s ease-in-out infinite}
    .workspace .welcome-art circle:nth-of-type(2){animation:sparkle 2.2s ease-in-out infinite}
    .sidebar nav a:hover .nav-icon{transform:rotate(-7deg) scale(1.12)}
    .sidebar nav a .nav-icon{transition:transform .2s,color .2s}
    .workspace .button-primary:not(:disabled):hover{transform:translateY(-1px)}
    .workspace .topbar-page-icon svg{animation:icon-pop .5s cubic-bezier(.2,.8,.2,1) both}
}
@keyframes rocket-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -8px;rotate:3deg}}
@keyframes orbit-pulse{0%,100%{opacity:.75}50%{opacity:1}}
@keyframes sparkle{0%,100%{scale:.8;opacity:.65}50%{scale:1.25;opacity:1}}
@keyframes icon-pop{from{opacity:.3;scale:.7;rotate:-12deg}to{opacity:1;scale:1;rotate:0}}
.workspace .topbar{backdrop-filter:saturate(1.15) blur(12px)}
.workspace .welcome{background-image:radial-gradient(ellipse at 85% 12%,#f8edff 0,transparent 37%),linear-gradient(110deg,#fff 0%,#fff 68%,#fbf8ff 100%)}
.workspace .welcome:after{pointer-events:none;animation:welcome-orbit 14s linear infinite}
.workspace .welcome-art{z-index:1;pointer-events:none}
.workspace .welcome-state{z-index:2}
.workspace .table-wrap{scrollbar-color:#c6b5ec #f6f4fa;scrollbar-width:thin}
.workspace .table-wrap::-webkit-scrollbar{height:8px}
.workspace .table-wrap::-webkit-scrollbar-track{border-radius:10px;background:#f6f4fa}
.workspace .table-wrap::-webkit-scrollbar-thumb{border:2px solid #f6f4fa;border-radius:10px;background:#c6b5ec}
.workspace .metric-icon{box-shadow:0 2px 7px #7653dc10}
.workspace .metric-art{position:absolute;right:8px;bottom:7px;width:58px;height:58px;overflow:visible;opacity:.8;color:var(--art-primary,#8b68df);pointer-events:none;transition:transform .3s ease,opacity .3s ease}
.workspace .metric{--art-primary:#8460df;--art-accent:#df73bd;--art-soft:#eee7ff}
.workspace .metric:nth-child(5n+2){--art-primary:#3e9caa;--art-accent:#61c4bf;--art-soft:#ddf4f1}
.workspace .metric:nth-child(5n+3){--art-primary:#df789f;--art-accent:#f3ac70;--art-soft:#fce8f0}
.workspace .metric:nth-child(5n+4){--art-primary:#578ed9;--art-accent:#79c2df;--art-soft:#e3f0ff}
.workspace .metric:nth-child(5n){--art-primary:#c28d39;--art-accent:#e8b95f;--art-soft:#fbf0d8}
.workspace .metric-art [fill="currentColor"]{fill:var(--art-primary)}
.workspace .metric-art [stroke="currentColor"]{stroke:var(--art-primary)}
.workspace .metric:hover .metric-art{transform:translateY(-3px) rotate(4deg) scale(1.04);opacity:1}
.workspace .toolbar .button,.workspace .pagination .button{white-space:nowrap}
.password-field{position:relative}
.login-card .password-field input{padding-right:48px}
.password-toggle{position:absolute;right:8px;bottom:7px;display:grid;place-items:center;width:34px;height:32px;border:0;border-radius:6px;background:transparent;color:#8d85a2;cursor:pointer;transition:background .15s,color .15s,transform .15s}
.password-toggle:hover{transform:scale(1.06);background:#f3effb;color:#7551d8}
.password-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.login-card .button-primary.is-loading{opacity:.86;cursor:wait}
.login-card .button-primary.is-loading:before{width:13px;height:13px;border:2px solid #ffffff75;border-top-color:#fff;border-radius:50%;animation:button-spin .7s linear infinite;content:""}
@keyframes button-spin{to{transform:rotate(360deg)}}
@keyframes welcome-orbit{to{transform:rotate(360deg)}}
body[data-theme="dark"] .workspace .welcome{background-image:radial-gradient(ellipse at 85% 12%,#3a2a47 0,transparent 38%),linear-gradient(110deg,#242231 0%,#252231 68%,#30233a 100%)}
body[data-theme="dark"] .workspace .table-wrap{scrollbar-color:#64527f #272533}
body[data-theme="dark"] .workspace .table-wrap::-webkit-scrollbar-track{background:#272533}
body[data-theme="dark"] .workspace .table-wrap::-webkit-scrollbar-thumb{border-color:#272533;background:#64527f}
body[data-theme="dark"] .password-toggle{color:#b8adc9}
body[data-theme="dark"] .password-toggle:hover{background:#393148;color:#ddcaff}

body[data-theme="dark"]{color:#e7e5f0;background:#171721;color-scheme:dark}
body[data-theme="dark"] .workspace,body[data-theme="dark"] .main.workspace{color:#e7e5f0;background:#171721}
body[data-theme="dark"] .sidebar{border-color:#2b2938;background:#1d1c29;color:#e6e3f0;box-shadow:4px 0 22px #0003}
body[data-theme="dark"] .brand{color:#f5f1ff}
body[data-theme="dark"] .brand small{color:#a19bb4}
body[data-theme="dark"] .sidebar nav a{color:#b6b1c6}
body[data-theme="dark"] .sidebar nav a:hover{background:#292637;color:#fff}
body[data-theme="dark"] .sidebar nav a.active{border-color:#493a69;background:linear-gradient(100deg,#342747,#292437);color:#eee7ff;box-shadow:inset 3px 0 #ab8aff}
body[data-theme="dark"] .nav-arrow{color:#a99acb}
body[data-theme="dark"] .sidebar-note{border-color:#393448;background:#242230;color:#e0dbea}
body[data-theme="dark"] .sidebar-note span{color:#aaa2ba}
body[data-theme="dark"] .workspace .topbar{border-color:#2b2938;background:#201f2c;box-shadow:0 4px 15px #0002}
body[data-theme="dark"] .workspace .topbar h1,body[data-theme="dark"] .workspace-section>h2,body[data-theme="dark"] .section-title h2,body[data-theme="dark"] .workspace .panel-heading h2,body[data-theme="dark"] .workspace .panel-heading h3{color:#efedf7}
body[data-theme="dark"] .workspace .topbar .eyebrow,body[data-theme="dark"] .page-intro .eyebrow,body[data-theme="dark"] .section-title .eyebrow{color:#aaa3bd}
body[data-theme="dark"] .topbar-user{color:#c2bdd0}
body[data-theme="dark"] .topbar-avatar{border-color:#51436e;background:#342943;color:#d8c8ff}
body[data-theme="dark"] .topbar-page-icon,body[data-theme="dark"] .section-icon{border-color:#45395f;background:#2b2638;color:#c2a9ff}
body[data-theme="dark"] .page-intro{border-color:#302d3d;background:#22212f;box-shadow:0 4px 15px #0002}
body[data-theme="dark"] .page-intro h2{color:#e4e0ed}
body[data-theme="dark"] .page-role{border-color:#443858;background:#2c2638;color:#d0baff}
body[data-theme="dark"] .workspace .welcome{border-color:#342e45;background:linear-gradient(110deg,#242231 0%,#252231 68%,#30233a 100%);box-shadow:0 5px 18px #0002}
body[data-theme="dark"] .workspace .welcome h2{color:#f0ecf7}
body[data-theme="dark"] .workspace .welcome p{color:#b5b0c2}
body[data-theme="dark"] .workspace .welcome-state{border-color:#51416b;background:#2e2739;color:#d3beff}
body[data-theme="dark"] .workspace .metric,body[data-theme="dark"] .workspace .panel,body[data-theme="dark"] .workspace .table-wrap{border-color:#302e3d;background:#22212e;box-shadow:0 4px 16px #0002}
body[data-theme="dark"] .workspace .metric span{color:#bcb7c9}
body[data-theme="dark"] .workspace .metric strong{color:#f1edf8}
body[data-theme="dark"] .workspace .metric small{color:#9691a3}
body[data-theme="dark"] .workspace .metric{--art-soft:#393048}
body[data-theme="dark"] .workspace .metric-art{opacity:.9}
body[data-theme="dark"] .metric-icon{border-color:#51416b;background:#30273b;color:#c6aaff}
body[data-theme="dark"] .workspace .panel-heading{border-color:#343240}
body[data-theme="dark"] .workspace .table-wrap thead{background:#292835}
body[data-theme="dark"] .workspace .table-wrap th{color:#aaa5b6}
body[data-theme="dark"] .workspace .table-wrap td{border-color:#343240;color:#c4bfce}
body[data-theme="dark"] .workspace .table-wrap td strong{color:#e6e2ee}
body[data-theme="dark"] .workspace .table-wrap tbody tr:hover{background:#2a2837}
body[data-theme="dark"] .workspace .inline-form{border-color:#302e3d;background:#22212e}
body[data-theme="dark"] .workspace .inline-form label,body[data-theme="dark"] .workspace .panel>label{color:#c4bfd0}
body[data-theme="dark"] .workspace .inline-form input,body[data-theme="dark"] .workspace .inline-form select,body[data-theme="dark"] .workspace .panel textarea,body[data-theme="dark"] .workspace .panel>label select{border-color:#403d4e;background:#1c1b27;color:#ece8f3}
body[data-theme="dark"] .workspace .inline-form input::placeholder,body[data-theme="dark"] .workspace .panel textarea::placeholder{color:#8f899f}
body[data-theme="dark"] .workspace .inline-form input:hover,body[data-theme="dark"] .workspace .inline-form select:hover,body[data-theme="dark"] .workspace .panel textarea:hover{border-color:#655581}
body[data-theme="dark"] .workspace .button-quiet,body[data-theme="dark"] .workspace .topbar .button-quiet{border-color:#403d4e;background:#292735;color:#ddd8e8}
body[data-theme="dark"] .workspace .button-quiet:hover{border-color:#655581;background:#332d41}
body[data-theme="dark"] .theme-toggle{border-color:#52476b;background:#302b3d;color:#f1c975}
body[data-theme="dark"] .theme-toggle:hover{border-color:#776396;background:#393148}
body[data-theme="dark"] .theme-toggle .theme-sun{display:none}
body[data-theme="dark"] .theme-toggle .theme-moon{display:block}
body[data-theme="dark"] .workspace .text-button{color:#c5aaff}
body[data-theme="dark"] .workspace .text-button:hover{background:#332d42}
body[data-theme="dark"] .workspace .text-button.danger{color:#f08ba4}
body[data-theme="dark"] .workspace .text-button.danger:hover{background:#3a2933}
body[data-theme="dark"] .workspace .result-box{border-color:#383545;background:#1c1b27;color:#d0cbd8}
body[data-theme="dark"] .workspace .workspace-hint,body[data-theme="dark"] .workspace .pagination{color:#a6a1b3}
body[data-theme="dark"] .workspace footer{border-color:#302e3d;color:#aaa5b6}
body[data-theme="dark"] .workspace footer span{color:#918c9f}
body[data-theme="dark"] .workspace .payment-destination{border-color:#4a3f65;background:#292536;color:#e0d9ed}
body[data-theme="dark"] .workspace .empty{color:#c3bed0}
body[data-theme="dark"] .status-active{background:#382b4e;color:#d0baff}
body[data-theme="dark"] .status-pending{background:#403625;color:#f0cc80}
body[data-theme="dark"] .status-error,body[data-theme="dark"] .status-broken{background:#442c37;color:#f19caf}
body[data-theme="dark"] .status-paused{background:#34323f;color:#c1bdc9}
body[data-theme="dark"] .notice-success{border-color:#315442;background:#22352d;color:#a9e0bf}
body[data-theme="dark"] .notice-error{border-color:#603a4a;background:#3a2731;color:#f0afc0}
body[data-theme="dark"].login-page{background:linear-gradient(135deg,#191824 0%,#1c1d29 48%,#211a28 100%)}
body[data-theme="dark"].login-page:before{background:radial-gradient(circle at 60% 60%,#33284c 0%,#282239 48%,#1b1a27 70%,transparent 71%)}
body[data-theme="dark"].login-page:after{background:radial-gradient(circle at 35% 35%,#40283e 0%,#302231 48%,#201c2a 70%,transparent 71%)}
body[data-theme="dark"] .login-card{border-color:#373244;background:#242330;box-shadow:0 24px 75px #0005,0 3px 12px #0002}
body[data-theme="dark"] .login-card>.brand{color:#f4f1fa}
body[data-theme="dark"] .login-card .brand small{color:#aaa4b7}
body[data-theme="dark"] .login-card h1{color:#f0ecf7}
body[data-theme="dark"] .login-card>p,body[data-theme="dark"] .login-foot{color:#aaa6b8}
body[data-theme="dark"] .login-card label{color:#d0cad9}
body[data-theme="dark"] .login-card input{border-color:#454253;background:#1d1c28;color:#f3eff8}
body[data-theme="dark"] .login-card input::placeholder{color:#928ca0}
body[data-theme="dark"] .login-card input:focus{border-color:#a38ae5}
body[data-theme="dark"] .login-card .alert{border-color:#603a4a;background:#3a2731;color:#f0afc0}
body[data-theme="dark"] .login-theme-toggle{background:#302b3d}
body[data-theme="dark"] .workspace .button-primary,body[data-theme="dark"] .login-card .button-primary{color:#fff}
body,body .sidebar,body .main.workspace,body .workspace .topbar,body .workspace .panel,body .workspace .metric,body .workspace .table-wrap,body .login-card{transition:background-color .28s ease,border-color .28s ease,color .2s ease,box-shadow .28s ease}
.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.detail-grid>.panel{min-width:0}
.detail-grid h3,.workspace-section article>h3{margin:0 0 12px;font-size:13px}
#admin-user-detail{margin-top:14px}
#admin-user-detail[hidden],.payment-destination[hidden]{display:none}
.wide-field{flex:1 1 270px}
.payment-destination{margin-top:12px;padding:12px 14px;border:1px solid #d9e9de;border-radius:9px;background:#f1f8f4;color:#294636;font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.payment-destination strong{color:#156443}
@media(max-width:850px){.detail-grid{grid-template-columns:1fr}}
@media(max-width:620px){.detail-grid{gap:8px}.payment-destination{font-size:10px}}
body[data-theme="dark"] .workspace .payment-destination strong{color:#9bddbb}
#subscription .subscription-banner{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;margin-bottom:28px;padding:30px 34px;overflow:hidden;border:1px solid #e8e1f8;border-radius:18px;background:linear-gradient(112deg,#fff 0%,#faf7ff 54%,#f1eaff 100%);box-shadow:0 12px 32px #5141810b}
.subscription-banner-copy{position:relative;z-index:2;max-width:590px}
#subscription .subscription-banner .eyebrow{color:#8968d8;font-size:9px;font-weight:800;letter-spacing:.16em}
#subscription .subscription-banner h2{margin:9px 0 7px;color:#29253c;font-size:27px;letter-spacing:-.045em}
#subscription .subscription-banner p{margin:0;color:#818095;font-size:12px}
.subscription-banner-art{position:absolute;right:17%;top:-110px;width:290px;height:290px;border:1px solid #e5daf9;border-radius:50%;box-shadow:0 0 0 26px #ffffff80,0 0 0 55px #ffffff70,0 0 0 86px #ffffff50}
.subscription-orbit{position:absolute;left:50%;top:50%;width:160px;height:64px;border:1px solid #ad90ed;border-radius:50%;transform:translate(-50%,-50%) rotate(-27deg)}
.orbit-two{width:205px;height:92px;border-color:#e3b1e5;transform:translate(-50%,-50%) rotate(34deg)}
.subscription-coin{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:68px;height:68px;border:1px solid #fff;border-radius:22px;background:linear-gradient(145deg,#b99bf7,#e29adf);box-shadow:0 13px 30px #9162d546;color:#fff;font-size:26px;font-weight:800;transform:translate(-50%,-50%) rotate(-9deg)}
.subscription-spark{position:absolute;color:#d99ad9;font-size:26px;animation:subscription-float 3.6s ease-in-out infinite}
.spark-one{left:31px;top:108px}.spark-two{right:40px;top:74px;animation-delay:-1.2s}
.subscription-current{position:relative;z-index:2;display:grid;gap:7px;min-width:166px;padding:13px 16px;border:1px solid #e9e2f6;border-radius:12px;background:#ffffffd9;box-shadow:0 5px 18px #5d43870b}
.subscription-current span{color:#9792a8;font-size:8px;font-weight:800;letter-spacing:.12em}
.subscription-current strong{color:#564283;font-size:12px}
.subscription-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 16px}
.subscription-section-heading h2{margin:5px 0;color:#302d43;font-size:21px;letter-spacing:-.035em}
.subscription-section-heading p{margin:0;color:#8c8b9c;font-size:11px}
.secure-checkout{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #dfefe6;border-radius:30px;background:#f5fbf7;color:#568168;font-size:9px;font-weight:700}
.secure-checkout span{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#d9f1e3;color:#36835a}
.subscription-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:24px}
.subscription-plan-card{position:relative;display:flex;min-height:310px;flex-direction:column;padding:19px;border:1px solid #e9e7f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px #2d225909;transition:transform .2s,border-color .2s,box-shadow .2s}
.subscription-plan-card:hover{transform:translateY(-3px);border-color:#d3c5f4;box-shadow:0 13px 28px #49317c14}
.subscription-plan-card.is-selected{border-color:#8d6ce3;box-shadow:0 0 0 3px #8d6ce31c,0 12px 28px #49317c13}
.plan-card-featured{background:linear-gradient(155deg,#fff,#fcfaff)}
.plan-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.plan-card-icon{display:grid;place-items:center;width:37px;height:37px;border:1px solid #eee7ff;border-radius:11px;background:linear-gradient(145deg,#f4efff,#fbf2fb);color:#8764dc;font-size:18px}
.plan-card-tag{padding:6px 8px;border-radius:20px;background:#f5f1ff;color:#8668ce;font-size:8px;font-weight:800;letter-spacing:.08em}
.subscription-plan-card h3{margin:0;color:#302d43;font-size:16px}
.plan-card-description{min-height:33px;margin:6px 0 13px;color:#89889b;font-size:10px;line-height:1.6}
.plan-card-price{display:flex;align-items:baseline;gap:6px;color:#302d43}
.plan-card-price strong{font-size:30px;letter-spacing:-.06em}
.plan-card-price>span:not(.plan-card-period){color:#7862b7;font-size:12px;font-weight:800}
.plan-card-period{color:#9896a7;font-size:10px}
.plan-card-divider{height:1px;margin:15px 0 12px;background:#f0eef4}
.subscription-plan-card ul{display:grid;gap:9px;margin:0 0 17px;padding:0;list-style:none}
.subscription-plan-card li{display:flex;align-items:flex-start;gap:7px;color:#747487;font-size:9px;line-height:1.45}
.subscription-plan-card li span{display:grid;flex:0 0 14px;place-items:center;width:14px;height:14px;border-radius:50%;background:#f0eafa;color:#805dd0;font-size:9px;font-weight:800}
.plan-select-button{width:100%;min-height:38px;margin-top:auto;border:1px solid #e7e2f1;border-radius:7px;background:#fff;color:#7255bd;font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:background .18s,color .18s,border .18s}
.plan-select-button:hover,.is-selected .plan-select-button{border-color:#7956d1;background:linear-gradient(110deg,#7855d8,#a05dd0);color:#fff}
.subscription-empty-state{grid-column:1/-1;display:grid;justify-items:center;gap:8px;min-height:180px;padding:28px;border:1px dashed #dfd8ec;border-radius:13px;background:linear-gradient(130deg,#fff,#fbf9ff);text-align:center}
.subscription-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f1ebff;color:#815bd3;font-size:22px}
.subscription-empty-state strong{color:#39364c;font-size:13px}
.subscription-empty-state p{max-width:390px;margin:0;color:#9290a0;font-size:10px;line-height:1.6}
.checkout-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.8fr);align-items:start;gap:14px;margin-bottom:23px}
.checkout-card,.checkout-summary{min-width:0;padding:21px;border:1px solid #e9e7f0;border-radius:13px;background:#fff;box-shadow:0 5px 18px #2d225908}
.checkout-card-heading{display:flex;align-items:center;gap:11px;margin-bottom:15px}
.checkout-step{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e8e0f8;border-radius:10px;background:#f7f3ff;color:#805dd1;font-size:10px;font-weight:800}
.checkout-card-heading .eyebrow,.checkout-summary>.eyebrow{color:#9692a7;font-size:8px;font-weight:800;letter-spacing:.12em}
.checkout-card-heading h2{margin:4px 0 0;color:#302d43;font-size:15px}
.payment-method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px;margin-bottom:14px}
.payment-method-card{display:flex;align-items:center;gap:9px;min-height:62px;padding:10px;border:1px solid #eceaf2;border-radius:9px;background:#fff;text-align:left;cursor:pointer;transition:border .18s,background .18s,box-shadow .18s}
.payment-method-card:hover{border-color:#cfc0f0;background:#fcfaff}
.payment-method-card.is-selected{border-color:#8967dd;background:#f8f4ff;box-shadow:0 0 0 2px #8967dd19}
.payment-coin-icon,.destination-coin{display:grid;flex:0 0 34px;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#e8dcff,#f4e7fb);color:#7051bd;font-size:14px;font-weight:800}
.payment-method-copy{display:grid;flex:1;gap:4px}
.payment-method-copy strong{color:#39364b;font-size:10px}
.payment-method-copy small{color:#9896a7;font-size:8px}
.payment-radio{display:grid;place-items:center;width:16px;height:16px;border:1px solid #d8d5e1;border-radius:50%}
.payment-method-card.is-selected .payment-radio{border:5px solid #8661d8}
.payment-options-empty{grid-column:1/-1;padding:12px 13px;border:1px dashed #e2deeb;border-radius:8px;background:#fbfaff;color:#9391a1;font-size:9px;line-height:1.6}
.payment-destination{display:grid;gap:12px;margin:0 0 16px;padding:15px;border:1px solid #e7e0f5;border-radius:10px;background:linear-gradient(130deg,#fbf9ff,#f5f0ff);color:#454157;font-size:10px;line-height:1.5}
.destination-heading{display:flex;align-items:center;gap:9px}
.destination-heading>div{display:grid;gap:3px}
.destination-heading strong{color:#39344c;font-size:10px}
.destination-heading span:not(.destination-coin){color:#8c899e;font-size:9px}
.destination-amount{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #eae4f3;border-bottom:1px solid #eae4f3}
.destination-amount span{color:#89869b;font-size:9px}
.destination-amount strong{color:#6345ad;font-size:15px}
.destination-address-label{color:#928ea3;font-size:8px;font-weight:800;letter-spacing:.1em}
.destination-address{display:flex;align-items:center;gap:8px;min-width:0}
.destination-address code{flex:1;min-width:0;padding:9px;border:1px solid #e8e3f0;border-radius:6px;background:#fff;color:#5e586f;font-size:9px;overflow-wrap:anywhere}
.copy-address{flex:0 0 auto;padding:7px 9px;border:1px solid #e4dcf2;border-radius:6px;background:#fff;color:#7657bd;font:700 9px "DM Sans",sans-serif;cursor:pointer}
.destination-warning{margin:0;color:#9a7b39;font-size:9px}
.checkout-form{display:grid;gap:11px}
.transaction-field{display:grid;gap:6px;color:#545267;font-size:9px;font-weight:700}
.transaction-field>span{color:#9593a3;font-size:8px;font-weight:400}
.checkout-form input{width:100%;min-height:41px;padding:10px 11px;border:1px solid #e6e4ed;border-radius:7px;background:#fdfcff;color:#39364b;font:10px "DM Sans",sans-serif}
.checkout-form input:focus{outline:0;border-color:#9878df;box-shadow:0 0 0 3px #8967dd1c}
.checkout-form input::placeholder{color:#b2b0bd}
.checkout-submit{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 14px;border:0;border-radius:7px;background:linear-gradient(110deg,#7855db,#a254cb);box-shadow:0 6px 15px #7956cf30;color:#fff;font:700 10px "DM Sans",sans-serif;cursor:pointer;transition:transform .15s,box-shadow .15s}
.checkout-submit:hover{transform:translateY(-1px);box-shadow:0 9px 19px #7956cf42}
.checkout-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}
.checkout-disclaimer{margin:0;color:#9a98a8;font-size:8px;line-height:1.6}
.checkout-summary{position:sticky;top:94px;background:linear-gradient(150deg,#fff,#fcfaff)}
.checkout-summary h3{margin:6px 0 16px;color:#302d43;font-size:15px}
.summary-placeholder{display:grid;justify-items:center;gap:8px;padding:18px 8px 24px;text-align:center}
.summary-placeholder span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#f3edff;color:#815bd3;font-size:18px}
.summary-placeholder p{max-width:180px;margin:0;color:#9a98a8;font-size:9px;line-height:1.6}
.summary-plan-name{display:block;color:#39354c;font-size:13px}
.summary-plan-detail{display:block;margin-top:5px;color:#9391a2;font-size:9px}
.summary-total-line{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding:13px 0;border-top:1px solid #eeebf3}
.summary-total-line span{color:#828093;font-size:9px}
.summary-total-line strong{color:#6345ad;font-size:15px}
.summary-waiting{margin:0;color:#9a98a8;font-size:8px}
.summary-security{display:flex;gap:9px;margin-top:16px;padding:11px;border:1px solid #e9e4f2;border-radius:8px;background:#fff}
.summary-security>span{color:#8464ce;font-size:17px}
.summary-security strong{color:#5a566b;font-size:9px}
.summary-security p{margin:4px 0 0;color:#9997a6;font-size:8px;line-height:1.5}
.subscription-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.subscription-history-grid>.panel{min-width:0}
.history-heading{padding:0 12px 10px}
.history-heading .eyebrow{color:#9692a7;font-size:8px;font-weight:800;letter-spacing:.1em}
.history-heading h3{margin:4px 0 0;color:#343147;font-size:13px}
@keyframes subscription-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(8deg)}}
body[data-theme="dark"] #subscription .subscription-banner{border-color:#373244;background:linear-gradient(112deg,#242330,#2b2638 55%,#30273a);box-shadow:0 12px 32px #0002}
body[data-theme="dark"] #subscription .subscription-banner h2,body[data-theme="dark"] .subscription-section-heading h2,body[data-theme="dark"] .subscription-plan-card h3,body[data-theme="dark"] .checkout-card-heading h2,body[data-theme="dark"] .checkout-summary h3,body[data-theme="dark"] .history-heading h3{color:#eeeaf6}
body[data-theme="dark"] #subscription .subscription-banner p,body[data-theme="dark"] .subscription-section-heading p{color:#aaa5b7}
body[data-theme="dark"] .subscription-current,body[data-theme="dark"] .subscription-plan-card,body[data-theme="dark"] .checkout-card,body[data-theme="dark"] .checkout-summary,body[data-theme="dark"] .payment-method-card{border-color:#393646;background:#242330}
body[data-theme="dark"] .subscription-current strong,body[data-theme="dark"] .plan-card-price,body[data-theme="dark"] .summary-plan-name,body[data-theme="dark"] .destination-heading strong{color:#e4dcf5}
body[data-theme="dark"] .plan-card-description,body[data-theme="dark"] .subscription-plan-card li,body[data-theme="dark"] .payment-method-copy small,body[data-theme="dark"] .checkout-disclaimer{color:#aaa5b7}
body[data-theme="dark"] .plan-card-divider,body[data-theme="dark"] .summary-total-line{background:#393646;border-color:#393646}
body[data-theme="dark"] .subscription-empty-state,body[data-theme="dark"] .payment-options-empty{border-color:#494357;background:#272432;color:#aaa5b7}
body[data-theme="dark"] .subscription-empty-state strong,body[data-theme="dark"] .payment-method-copy strong,body[data-theme="dark"] .summary-security strong{color:#e3deed}
body[data-theme="dark"] .payment-method-card.is-selected{border-color:#a183ed;background:#302941}
body[data-theme="dark"] .payment-destination{border-color:#4b405f;background:linear-gradient(130deg,#292536,#30283a);color:#d5cde2}
body[data-theme="dark"] .destination-address code,body[data-theme="dark"] .copy-address,body[data-theme="dark"] .summary-security{border-color:#454052;background:#242330;color:#d6d0e1}
body[data-theme="dark"] .destination-amount{border-color:#464052}
body[data-theme="dark"] .transaction-field{color:#d4cede}
body[data-theme="dark"] .checkout-form input{border-color:#454253;background:#1d1c28;color:#f3eff8}
body[data-theme="dark"] .checkout-form input:focus{border-color:#a38ae5}
@media(max-width:980px){.checkout-layout{grid-template-columns:minmax(0,1.35fr) minmax(205px,.8fr)}.subscription-plan-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}}
@media(max-width:760px){#subscription .subscription-banner{min-height:175px;padding:24px}.subscription-banner-art{right:8%;opacity:.7}.subscription-current{min-width:140px}.checkout-layout{grid-template-columns:1fr}.checkout-summary{position:static}.subscription-history-grid{grid-template-columns:1fr}}
@media(max-width:520px){#subscription .subscription-banner{align-items:flex-start;min-height:190px;padding:20px}.subscription-banner-copy{max-width:74%}#subscription .subscription-banner h2{font-size:21px}.subscription-banner-art{right:-78px;top:-57px;transform:scale(.72)}.subscription-current{position:absolute;left:20px;bottom:17px;min-width:0;padding:8px 10px}.subscription-current span{font-size:7px}.subscription-current strong{font-size:9px}.subscription-section-heading{align-items:flex-start;flex-direction:column}.subscription-plan-grid{grid-template-columns:1fr}.subscription-plan-card{min-height:0}.plan-card-description{min-height:0}.checkout-card,.checkout-summary{padding:16px}.payment-method-grid{grid-template-columns:1fr}}