@font-face{font-family:Portal;src:local('Inter'),local('Avenir Next'),local('Segoe UI');font-display:swap}
:root{font-family:Portal,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color-scheme:dark;--bg:#080810;--text:#f2f1f8;--muted:#aaa8bb;--subtle:#898699;--line:rgba(218,215,255,.14);--accent:#947bff;--panel:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.065) 42%,rgba(255,255,255,.035));--input:rgba(255,255,255,.035);--grid:rgba(196,186,255,.045);--green:#65d992;--shadow:0 12px 32px #0002,inset 0 1px 1px #ffffff36;--sidebar:linear-gradient(145deg,#9590d5b8 0%,#5040ba9c 17%,#1b18336b 47%,#111020eb 72%);background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#efedf8;--text:#27223f;--muted:#69617e;--subtle:#766d8b;--line:rgba(84,65,132,.16);--accent:#7047e7;--panel:linear-gradient(145deg,#ffffffd9,#ffffff73);--input:#ffffff7d;--grid:rgba(92,66,148,.065);--green:#23834e;--shadow:0 12px 32px #40287808,inset 0 1px 1px #fff;--sidebar:linear-gradient(145deg,#c4b8ffef,#dfd6f6c9 38%,#f4f0ffeb)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(ellipse at 3% 0%,#5c40e529,transparent 39%),radial-gradient(ellipse at 98% 18%,#9b41cd1c,transparent 35%),radial-gradient(ellipse at 50% 100%,#047b8910,transparent 40%);background-size:34px 34px,34px 34px,auto,auto,auto;background-attachment:fixed}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button,a,input{transition:background .18s,border-color .18s,box-shadow .18s}button:hover{filter:brightness(1.1)}
.sidebar{position:fixed;inset:22px auto 22px 22px;width:270px;padding:26px 16px 18px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:30px;background:var(--sidebar);box-shadow:var(--shadow);backdrop-filter:blur(24px);z-index:2;overflow-y:auto}.brand{display:flex;align-items:center;gap:13px;margin:0 10px 30px;font-weight:750;font-size:25px;letter-spacing:-.8px}.brand img{width:46px;height:46px;box-shadow:0 2px 18px #9985ff33;border-radius:14px}.brand-light{font-weight:500}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.7px;color:var(--muted);margin-top:5px}.workspace{display:flex;gap:11px;align-items:center;padding:15px 11px;border:1px solid var(--line);border-radius:15px;margin-bottom:30px;background:#ffffff05;font-size:12px;font-weight:550}.workspace-icon{display:grid;place-items:center;width:34px;height:34px;background:#947bff25;border:1px solid #bfb1ff24;border-radius:10px;color:var(--text);font-size:15px}.workspace small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:5px}.nav-label{font-size:10px;font-weight:650;letter-spacing:1.5px;color:var(--muted);margin:0 11px 12px}.nav-item{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;margin-bottom:8px;font-size:13px;color:var(--muted);border:1px solid transparent;background:transparent;text-align:left;border-radius:14px}.nav-item>span{font-size:20px}.nav-item:hover{background:#a590ff13}.nav-item.active{background:linear-gradient(110deg,#997cff,#6645f2);color:#fff;font-weight:600;box-shadow:0 6px 26px #7959ff35,inset 0 1px 0 #ffffff2b}.nav-item b{margin-left:auto;border-radius:7px;background:#ffffff20;padding:3px 8px;font-size:11px}.sidebar-bottom{margin-top:auto;padding:30px 2px 0;font-size:11px;color:var(--muted)}.sidebar-bottom>p{font-size:11px;line-height:1.8;color:var(--subtle);margin:14px 9px 22px}.sidebar-bottom>.dot{margin-left:9px}.version{float:right;margin-right:10px;color:var(--subtle);font-size:10px}.theme-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:11px 15px;background:linear-gradient(150deg,#ffffff17,#ffffff08);border:1px solid #bbb2d580;border-radius:15px;box-shadow:inset 0 1px 2px #ffffff6b;color:var(--muted);font-size:13px;text-align:left}.theme-toggle>span:first-child{font-size:23px;line-height:1}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a698e5;margin-right:8px;vertical-align:middle}.dot.mint{background:var(--green);box-shadow:0 0 10px #65d99224}
.shell{margin-left:312px;padding:0 24px 0 0}.topbar{min-height:78px;display:flex;align-items:center;gap:14px;padding:17px 3px}.breadcrumb{font-size:11px;color:var(--subtle)}.breadcrumb span{padding:0 12px;color:var(--subtle)}.breadcrumb strong{font-weight:500;color:var(--muted)}.local-badge{margin-left:auto;font-size:11px;color:var(--muted);padding:10px 15px;border:1px solid var(--line);border-radius:30px;background:var(--panel);box-shadow:inset 0 1px 1px #ffffff2b}.avatar{height:35px;width:35px;display:grid;place-items:center;border:1px solid #a18cf648;border-radius:50%;background:#8461dd24;font-size:11px;font-weight:600;color:var(--accent)}main{max-width:1750px;margin:auto}.page-title{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:12px 3px 28px;padding-bottom:22px;position:relative}.page-title:after{content:'';position:absolute;bottom:0;left:0;width:62px;height:3px;background:linear-gradient(90deg,#6545fa,#ac87ff);border-radius:2px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.7px;color:var(--accent)}h1{font-weight:700;letter-spacing:-1.1px;font-size:34px;margin:12px 0 7px;line-height:1.15}.page-title p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:550;border:1px solid transparent}.button.secondary{background:var(--panel);border-color:var(--line);box-shadow:var(--shadow);color:var(--text)}.button.secondary>span{font-size:19px;font-weight:400}.button.primary{background:linear-gradient(105deg,#9474ff,#6544f1);border-color:#b9a4ff35;color:white;box-shadow:0 6px 20px #6844ed22,inset 0 1px 0 #ffffff20}.button.primary:hover{box-shadow:0 7px 25px #8561ff40}
.overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.overview>div{position:relative;overflow:hidden;padding:19px 19px 18px;min-height:137px;background:var(--panel);border:1px solid var(--line);border-radius:23px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}.overview>div:before{content:'';position:absolute;inset:17px auto 17px 0;width:3px;background:linear-gradient(transparent,#8660ff,transparent)}.overview>div:nth-child(2):before,.overview>div:nth-child(4):before{background:linear-gradient(transparent,#59c77e,transparent)}.stat-label{font-size:12px;font-weight:500;color:var(--muted)}.stat-value{font-size:33px;line-height:1.15;letter-spacing:-.8px;margin:14px 0 9px;font-weight:700}.stat-text{font-size:25px;letter-spacing:-.7px;min-height:38px;display:flex;align-items:center}.stat-caption{display:block;font-size:10px;line-height:1.5;color:var(--subtle)}.stat-caption .dot{width:5px;height:5px;margin-right:5px}
.clients-section{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:25px;box-shadow:var(--shadow)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin:0}h2>span{display:inline-block;font-size:11px;font-weight:500;margin-left:9px;padding:3px 8px;background:#947bff1c;color:var(--accent);border:1px solid #947bff28;border-radius:7px;vertical-align:middle}.search{display:flex;align-items:center;gap:9px;padding:11px 13px;background:var(--input);border:1px solid var(--line);border-radius:12px;color:var(--subtle)}.search:focus-within{border-color:var(--accent)}.search input{border:0;background:transparent;outline:0;font-size:11px;width:210px;color:var(--text)}.search input::placeholder{color:var(--subtle)}.filter-row{display:flex;gap:8px;align-items:center;margin-bottom:21px}.filter{font-size:11px;padding:9px 13px;border:1px solid transparent;background:transparent;color:var(--muted);border-radius:9px}.filter.active{background:#9378ff20;border-color:#b19aff36;color:var(--text);font-weight:550}.results{margin-left:auto;font-size:10px;color:var(--subtle)}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.client-card{position:relative;background:linear-gradient(140deg,#aba0ff10,#ffffff03);border:1px solid #b7a9ed32;border-radius:22px;padding:24px;box-shadow:inset 0 1px 0 #ffffff14}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.client-icon{display:grid;place-items:center;width:48px;height:48px;background:linear-gradient(130deg,#a18aff30,#7750ff14);border:1px solid #b09afe46;border-radius:14px;color:#ac97ff}.favorite{border:0;background:transparent;color:var(--subtle);font-size:25px;padding:7px;line-height:1;border-radius:8px}.favorite.selected{color:#c0a3ff}.client-card h3{font-size:21px;font-weight:650;margin:0 0 7px;letter-spacing:-.5px}.client-card .description{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.connection-state{display:inline-flex;align-items:center;gap:7px;font-size:10px;border:1px solid var(--line);border-radius:20px;background:#a7a2be09;padding:6px 10px;color:var(--muted);margin-top:17px}.connection-state:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.connection-state.busy{color:#e4c775;border-color:#e4c77538;background:#e4c7750b}.connection-state.error{color:#ff8fa3;border-color:#ff698e38;background:#ff698e0d}.connection-state.opened{color:var(--green);border-color:#65d99238;background:#65d9920b}.client-meta{border-top:1px solid var(--line);margin:19px 0 22px;padding-top:18px}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:11px;color:var(--subtle)}.meta-row:last-child{margin-bottom:0}.meta-value{color:var(--muted);font-size:11px}.id-value{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;letter-spacing:1px;color:var(--text)}.copy-id{border:0;background:transparent;color:var(--subtle);padding:1px 0 1px 9px;font-size:16px}.card-button{width:100%;justify-content:space-between;padding:13px 16px}.card-button>span:last-child{font-size:19px;line-height:1}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;color:var(--subtle);font-size:9px}.card-bottom button{color:var(--muted);font-size:9px;border:0;background:none;padding:3px}.add-card{min-height:340px;border:1px dashed #a594dd43;background:linear-gradient(140deg,#8b64ff05,#8b64ff0a);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;gap:17px;color:var(--muted)}.add-card:hover{border-color:#a58aff90;background:#8b64ff13}.add-icon{border:1px solid #ad95ff3d;background:#916dff13;border-radius:17px;width:54px;height:54px;display:grid;place-items:center;font-size:29px;font-weight:300;color:var(--accent)}.add-card strong{font-size:16px;font-weight:550;color:var(--text)}.add-card p{font-size:11px;line-height:1.8;margin:0;text-align:center;color:var(--subtle)}.connection-note{font-size:10px;line-height:1.7;color:var(--subtle);margin:20px 0 0}.connection-note>span{padding-right:5px}
.workflow{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:22px;margin-top:22px;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow)}.workflow-heading h3{font-size:18px;font-weight:600;line-height:1.5;letter-spacing:-.3px;margin:9px 0 0}.workflow .eyebrow{font-size:9px;letter-spacing:1.3px}.workflow-step{border-left:1px solid var(--line);padding-left:22px}.step-number{display:block;font-size:11px;letter-spacing:1px;color:var(--accent);margin:2px 0 13px}.workflow-step strong{font-size:12px;font-weight:600;color:var(--text)}.workflow-step p{font-size:10px;line-height:1.8;color:var(--muted);margin:8px 0 0}footer{display:flex;justify-content:space-between;color:var(--subtle);font-size:9px;gap:20px;padding:22px 3px}
 dialog{border:1px solid #b6a1ff45;border-radius:25px;padding:32px;max-width:480px;width:calc(100% - 32px);background:var(--bg);color:var(--text);box-shadow:0 30px 100px #0006,inset 0 1px 0 #ffffff30}dialog::backdrop{background:#08051099;backdrop-filter:blur(8px)}dialog h2{margin:15px 0}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}dialog code{font-size:11px;color:var(--accent);background:#947bff12;padding:3px 5px;border-radius:5px}.dialog-close{float:right;border:0;background:transparent;font-size:25px;color:var(--muted)}.dialog-ok{margin-top:14px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#302346;color:#fff;border:1px solid #b699ff55;padding:14px 20px;border-radius:13px;box-shadow:0 8px 30px #0004;font-size:12px;max-width:90vw;z-index:5}.empty{padding:45px 20px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted);font-size:13px;grid-column:1/-1}.error-panel{color:#ee92a3}.retry{margin-left:12px}
@media(min-width:1700px){.sidebar{width:300px;inset:24px auto 24px 24px;padding:30px 18px 20px}.shell{margin-left:350px;padding-right:28px}.topbar{min-height:84px}.page-title{margin-top:15px;margin-bottom:28px}h1{font-size:39px}.overview{gap:20px}.overview>div{min-height:153px;padding:23px}.stat-value{font-size:38px}.stat-text{font-size:29px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.add-card{grid-column:span 2}.stat-label{font-size:14px}.stat-caption{font-size:12px}.clients-section{padding:27px}.client-card{padding:27px}.workflow{padding:28px}.workflow-step p{font-size:12px}.workflow-step strong{font-size:14px}}
@media(max-width:1200px){.sidebar{width:230px;inset:16px auto 16px 16px;padding:22px 12px 15px}.brand{font-size:21px;gap:10px;margin-left:6px}.brand img{width:41px;height:41px}.shell{margin-left:266px;padding-right:20px}.overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.overview>div{min-height:123px}.stat-text{font-size:26px}.workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workflow-heading{grid-column:1/-1}.workflow-heading h3{font-size:16px;margin:5px 0}.workflow-heading br{display:none}.workflow-step{padding-left:0;border:0}.page-title{align-items:flex-start;flex-direction:column;gap:18px}.page-title .button{position:absolute;right:0;top:0;padding:9px 12px;font-size:11px}.eyebrow{font-size:10px}h1{font-size:31px;margin-top:22px}.clients-section{padding:19px}.client-grid{gap:14px}.client-card{padding:19px}.client-card h3{font-size:18px}.section-head{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{width:100%}.meta-row{font-size:10px}.meta-value{font-size:10px}.id-value{font-size:11px}.card-bottom{flex-wrap:wrap;line-height:1.5}}
@media(max-width:930px){.client-grid{grid-template-columns:1fr}.add-card{min-height:165px;gap:12px}.add-icon{height:38px;width:38px;border-radius:12px;font-size:23px}.add-card p br{display:none}.client-card{padding:23px}.workflow{gap:14px;padding:20px}.workflow-step strong{font-size:11px}.workflow-step p{font-size:10px}}
@media(max-width:700px){body{background-size:28px 28px,28px 28px,auto,auto,auto}.sidebar{position:relative;inset:auto;width:auto;margin:12px 12px 0;padding:15px 16px;border-radius:21px;display:block}.brand{margin:0;font-size:21px}.brand img{width:38px;height:38px}.brand small{font-size:8px}.workspace,.nav-label,.sidebar nav,.sidebar-bottom>p,.sidebar-bottom>.dot,.sidebar-bottom>.version{display:none}.sidebar-bottom{font-size:0;padding:0;margin:0;position:absolute;top:16px;right:14px}.theme-toggle{padding:8px 10px;width:auto;font-size:10px;border-radius:12px;gap:5px}.theme-toggle>span:first-child{font-size:19px}.shell{margin-left:0;padding:0 13px}.topbar{min-height:61px;padding:12px 4px;gap:10px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 7px}.local-badge{font-size:9px;padding:8px 10px}.avatar{display:none}.page-title{margin:8px 5px 21px;padding-bottom:19px}.page-title .button{position:static;font-size:11px;padding:9px 12px}h1{font-size:30px;margin:10px 0}.page-title p{font-size:12px;max-width:310px}.overview{gap:10px;margin-bottom:17px}.overview>div{padding:16px 14px;min-height:129px;border-radius:18px}.stat-label{font-size:11px}.stat-value{font-size:29px;margin:13px 0 8px}.stat-text{font-size:20px;letter-spacing:-.6px;min-height:33px}.stat-caption{font-size:9px}.clients-section{padding:17px;border-radius:21px}h2{font-size:17px}.filter{font-size:10px;padding:8px 9px}.results{font-size:9px}.client-card{padding:20px;border-radius:18px}.client-card h3{font-size:20px}.meta-row,.meta-value{font-size:11px}.id-value{font-size:12px}.connection-note{font-size:9px}.workflow{grid-template-columns:1fr;margin-top:17px;border-radius:21px;padding:21px}.workflow-step{display:grid;grid-template-columns:30px 1fr;column-gap:10px;border-top:1px solid var(--line);padding-top:14px}.step-number{grid-row:1/3;margin:0}.workflow-step strong{font-size:12px}.workflow-step p{margin:5px 0 0;font-size:11px}.workflow-step br{display:none}footer{flex-direction:column;gap:7px;font-size:8px;padding:20px 5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.client-logo{display:flex;align-items:center;justify-content:center;width:193px;max-width:calc(100% - 42px);padding:10px;background:#fff;border:1px solid #ffffff60;border-radius:13px;box-shadow:0 3px 16px #00000012}.client-logo img{display:block;max-width:100%;height:auto;object-fit:contain}.client-card h3{overflow-wrap:break-word;line-height:1.3}

/* Shared-account sign-in, styled to match the portal's glass panels. */
.login-page{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px),radial-gradient(ellipse at 8% 5%,#6542f345,transparent 45%),radial-gradient(ellipse at 95% 18%,#aa47df35,transparent 43%),radial-gradient(ellipse at 45% 95%,#05889d1c,transparent 37%)}
.login-main{min-height:100svh;display:grid;place-items:center;padding:100px 24px 60px;width:100%;max-width:none}.login-theme{position:absolute;top:25px;right:28px;width:auto;border-radius:30px;padding:10px 17px;font-size:13px;background:var(--panel)}.login-card{width:min(100%,490px);padding:38px;border:1px solid #c8baff3d;border-radius:30px;background:linear-gradient(155deg,#d2c9ff22,#ffffff05 55%,#04a0b811);box-shadow:0 22px 80px #00000024,inset 0 1px 1px #ffffff52;backdrop-filter:blur(22px);text-align:center}.login-logo{display:block;margin:0 auto 25px;border-radius:22px;box-shadow:0 8px 30px #8057ff29}.login-card .eyebrow{font-size:11px;letter-spacing:1.4px}.login-card h1{font-size:32px;letter-spacing:-.7px;margin:12px 0 16px}.login-subtitle{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 27px}.login-card form{text-align:left}.login-card label{display:block;color:var(--muted);font-size:12px;font-weight:550;margin:18px 0 9px}.login-card input{width:100%;border:1px solid #c4b9df36;background:var(--input);border-radius:14px;padding:14px 16px;color:var(--text);font-size:14px;min-height:49px}.login-card input:focus{border-color:var(--accent);outline:2px solid #947bff22;outline-offset:1px}.password-field{position:relative}.password-field input{padding-right:49px}.password-field button{position:absolute;right:6px;top:5px;bottom:5px;width:39px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--muted)}.login-submit{width:100%;font-size:15px;min-height:49px;margin-top:19px;border-radius:14px}.login-footnote{color:var(--subtle);font-size:11px;line-height:1.7;margin:22px 0 0}.login-error{font-size:12px;color:#ff99ae;background:#ff527811;border:1px solid #ff52782b;border-radius:10px;padding:11px 13px;margin:16px 0 0;line-height:1.5}.logout-button{padding:8px 12px;border:1px solid var(--line);border-radius:20px;background:var(--input);color:var(--muted);font-size:11px}:root[data-theme=light] .login-error{color:#a92b49}
@media(max-width:700px){.topbar .local-badge{display:none}.topbar .logout-button{margin-left:auto}.login-main{padding:90px 17px 30px}.login-card{padding:30px 24px;border-radius:25px}.login-card h1{font-size:28px}.login-logo{width:65px;height:65px;margin-bottom:22px}.login-subtitle{font-size:12px}.login-theme{top:20px;right:20px;font-size:11px}.login-card .eyebrow{font-size:9px}.login-footnote{font-size:10px}}

/* Compact client catalogue. */
.client-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),320px));gap:16px;align-items:stretch}
.client-card{padding:18px;border-radius:18px;display:flex;flex-direction:column}
.card-top{margin-bottom:14px;gap:12px}
.client-logo{width:158px;padding:8px;border-radius:10px}
.client-card h3{font-size:17px;line-height:1.35;margin:0;letter-spacing:-.3px}
.favorite{font-size:22px;padding:6px}
.client-meta{margin:14px 0 16px;padding-top:13px}
.meta-row{font-size:11px;margin:0}
.id-value{font-size:12px}
.card-button{margin-top:auto;padding:10px 13px;min-height:39px;font-size:11px;border-radius:10px}
.add-card{grid-column:auto;min-height:240px;border-radius:18px;padding:22px;gap:13px}
.add-icon{width:40px;height:40px;border-radius:12px;font-size:24px}
.add-card strong{font-size:13px}
.add-card p{font-size:10px}
.clients-section{margin-bottom:24px}
@media(max-width:700px){.client-grid{grid-template-columns:minmax(0,1fr)}.client-card{padding:17px}.client-card h3{font-size:17px}.add-card{min-height:140px}.connection-note{margin-top:16px}}

.brand img,.login-logo{object-fit:contain;background:#fff;padding:5px}.login-logo{padding:9px}
.card-actions{display:grid;grid-auto-rows:1fr;gap:8px;margin-top:auto}.card-actions .card-button{margin-top:0;min-height:49px;text-align:left;line-height:1.45;font-size:11px}.card-actions .card-button>span:first-child{max-width:220px}.card-actions .card-button>span:last-child{flex:none}
.card-actions .card-button>span:first-child{font-size:inherit;font-weight:inherit}
.card-actions .card-button[data-mode="admin"]{background:linear-gradient(105deg,#6662d5,#454ab1);border-color:#a3a9ff50;box-shadow:0 6px 20px #4349ab22,inset 0 1px 0 #ffffff20}
.card-actions .card-button[data-mode="admin"]:hover{box-shadow:0 7px 25px #666cda40}

/* Add-client form. */
.client-dialog{max-width:540px;max-height:calc(100svh - 32px);overflow-y:auto;padding:28px;background:linear-gradient(145deg,#947bff12,transparent 65%),var(--bg)}
.client-dialog h2{font-size:24px;margin-bottom:6px}.client-dialog .form-intro{margin:0 0 22px;font-size:12px}
.client-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.client-dialog label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin:17px 0 8px}.client-dialog fieldset>label:first-child{margin-top:0}
.client-dialog input:not([type=file]){display:block;min-width:0;width:100%;min-height:44px;padding:12px 13px;border:1px solid var(--line);border-radius:11px;background:var(--input);color:var(--text);font-size:13px}.client-dialog input::placeholder{color:var(--subtle);font-size:12px}.client-dialog input:focus{border-color:var(--accent)}
.client-dialog small{display:block;font-size:10px;color:var(--subtle);line-height:1.6;margin-top:6px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.client-dialog .password-field input{padding-right:45px}.credentials-hint{margin-top:10px!important}.optional{font-size:10px;font-weight:400;margin-left:5px;color:var(--subtle)}
.logo-upload{display:flex;gap:14px;align-items:center;padding:12px;border:1px dashed var(--line);border-radius:13px;background:var(--input)}.logo-upload>div:last-child{min-width:0;flex:1}.logo-preview,.logo-upload img{width:66px;height:58px;border-radius:9px;flex:none}.logo-preview{display:grid;place-items:center;font-size:28px;color:var(--accent);background:#947bff15}.logo-upload img{object-fit:contain;background:#fff;padding:5px}.logo-upload input{width:100%;font-size:10px;color:var(--muted)}.logo-upload input::file-selector-button{cursor:pointer;background:#947bff18;color:var(--text);border:1px solid var(--line);padding:8px;border-radius:8px;font:inherit;margin-right:8px}.remove-logo{background:none;border:0;padding:4px 0 0;color:var(--accent);font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.form-actions .button{min-height:42px;font-size:12px;padding:10px 17px;border-radius:11px}.client-dialog [hidden]{display:none}
@media(max-width:480px){.client-dialog{padding:23px 20px}.client-dialog h2{font-size:22px}.form-columns{grid-template-columns:1fr;gap:0}.form-actions .button{flex:1;padding:10px}.logo-upload{gap:10px}.logo-preview,.logo-upload img{width:48px;height:48px}}
@media(max-width:480px){.client-dialog{padding:20px}.client-dialog .form-intro{margin-bottom:16px}.client-dialog label{margin-top:13px;margin-bottom:6px}.client-dialog input:not([type=file]){min-height:40px;padding:10px 12px}.client-dialog .password-field input{padding-right:45px}.client-dialog .form-actions{margin-top:18px;padding-top:16px}}

[hidden]{display:none!important}.account-name{font-size:11px;color:var(--muted)}

.card-tools{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}.edit-client{display:grid;place-items:center;width:29px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:22px}.edit-client:hover{color:var(--accent);background:#947bff18}.card-tools .favorite{margin-left:0}
