:root{--ink:#17332c;--muted:#74817b;--green:#226d52;--line:#e1e6df;--paper:#f6f7f2;--orange:#a26724}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a,select{cursor:pointer}button{border:0}aside{position:fixed;inset:0 auto 0 0;width:230px;background:#143c31;color:#fff;padding:35px 23px;display:flex;flex-direction:column}.brand{font-size:34px;letter-spacing:-2px;font-weight:750;color:white;text-decoration:none}.brand span{display:block;font-size:10px;letter-spacing:3px;margin:0 0 36px 2px;color:#acbeb5}.workspace{padding:18px 5px;border-top:1px solid #ffffff1b;font-size:13px}.workspace span,.aside-bottom span{display:block;font-size:11px;color:#a9bcb2;margin-top:5px}nav{display:grid;gap:6px;margin-top:25px}nav button{text-align:left;border-radius:7px;background:transparent;color:#c6d6cd;padding:13px 14px}nav button:hover,nav button.active{background:#ffffff14;color:#fff}nav button.active{box-shadow:inset 3px 0 #bee1bb}nav button span,nav b{float:right}nav b{font-size:10px;background:#d8b982;color:#26372c;border-radius:4px;padding:1px 5px}.aside-bottom{margin-top:auto;font-size:12px}.aside-bottom i{display:inline-block;width:6px;height:6px;border-radius:100%;background:#a8dca2;margin-right:6px}main{margin-left:230px;padding:0 42px}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 13px;color:#a8b3ac}.header-right{display:flex;gap:20px;align-items:center}select{padding:9px 12px;border:1px solid var(--line);border-radius:6px;background:white;color:var(--ink)}.draft{font-size:10px;letter-spacing:1.2px;color:#7b8278;border:1px solid #d9ddd4;padding:4px 8px;border-radius:4px}section{max-width:1440px;margin:auto;padding-top:38px}.title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:18px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#748078;margin-bottom:8px}h1{margin:0;font-size:32px;font-weight:550;letter-spacing:-1px}h2{font-size:17px;font-weight:600;margin:0}p.subtitle{color:var(--muted);font-size:13px;margin:7px 0 0}.btn{padding:10px 16px;border-radius:6px;background:var(--green);color:white;font-weight:500;white-space:nowrap}.btn:hover{filter:brightness(.94)}.btn.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.4;cursor:not-allowed}.buttons{display:flex;gap:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:9px}.card label{display:block;font-size:12px;color:#718077}.card strong{display:block;font-size:26px;letter-spacing:-.8px;font-weight:550;margin:13px 0 8px;white-space:nowrap}.card small{font-size:11px;color:var(--muted)}.card.primary{background:#e7eddf;border-color:#d6dfcc}.notice{display:flex;align-items:center;justify-content:space-between;background:#f3ead9;border:1px solid #e8d9bd;border-radius:7px;padding:15px 20px;margin-bottom:25px;gap:20px;color:#765623;font-size:12px}.notice button{background:none;color:#755424;text-decoration:underline;white-space:nowrap}.notice.neutral{background:#eaf0e6;color:#526a50;border-color:#dbe4d4}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden;margin-bottom:24px}.panel-head{padding:23px 24px;display:flex;justify-content:space-between;align-items:center;gap:18px}.panel-head p{margin:4px 0 0;color:var(--muted);font-size:12px}input.search{border:1px solid var(--line);border-radius:6px;padding:10px 13px;width:240px;background:#fbfcf9}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;text-align:left;background:#fafbf8;color:#7b857c;padding:13px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:15px 22px;border-bottom:1px solid #edf0e9;font-size:12px}tr:last-child td{border:0}.num{text-align:right;font-variant-numeric:tabular-nums}.client-name{font-weight:600;font-size:13px}.sub{display:block;color:#92998f;font-size:11px;margin-top:2px}.tag{padding:4px 8px;border-radius:4px;background:#ecf3e9;color:#526d49;font-size:10px}.tag.warn{background:#f7edda;color:#8d662b}.text-btn{background:none;color:var(--green);font-size:12px;padding:3px;text-decoration:underline}.bar-track{height:7px;background:#e8ece3;border-radius:4px;overflow:hidden;margin-top:16px}.bar-fill{height:100%;background:#668b58}.panel-foot{padding:15px 24px;color:var(--muted);font-size:11px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.empty{padding:40px;text-align:center;color:var(--muted)}footer{max-width:1440px;margin:38px auto 25px;font-size:9px;letter-spacing:1.2px;color:#98a193;display:flex;justify-content:space-between}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:12px;padding:0;width:min(900px,94vw);max-height:90vh;color:var(--ink);box-shadow:0 25px 100px #0003}dialog::backdrop{background:#12352866;backdrop-filter:blur(3px)}.modal{padding:32px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.close{background:none;font-size:24px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-size:12px;margin-bottom:6px;color:#66766a}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--ink);background:#fff}.field textarea{min-height:100px}.field.wide{grid-column:1/-1}.modal-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:8px}.settings-box{padding:28px;max-width:750px}.settings-box p{font-size:13px;color:var(--muted)}.settings-box select{margin:15px 12px 15px 0}.mono{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px}.mapping-select{max-width:215px}.statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.statement-summary div{background:#f2f5ed;padding:17px;border-radius:6px}.statement-summary label{display:block;color:var(--muted);font-size:11px}.statement-summary strong{display:block;font-size:22px;margin-top:7px}.statement-total{display:flex;justify-content:space-between;background:#163e31;color:white;padding:22px;margin-top:20px;border-radius:6px;font-size:18px}.small-note{font-size:11px;color:var(--muted);white-space:normal}#toast{position:fixed;right:25px;bottom:25px;background:#163e31;color:#fff;border-radius:7px;padding:14px 20px;max-width:500px;z-index:10;display:none}#toast.visible{display:block}.no-results{padding:25px;text-align:center;color:var(--muted)}@media(min-width:1600px){main{padding:0 60px}}@media(max-width:1150px){aside{width:190px;padding:30px 18px}main{margin-left:190px;padding:0 25px}.cards{grid-template-columns:repeat(2,1fr)}.card strong{font-size:25px}}@media(max-width:700px){aside{position:static;width:100%;padding:16px}.brand{font-size:27px}.brand span,.workspace,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:12px}nav button{white-space:nowrap;padding:9px;font-size:12px}main{margin-left:0;padding:0 16px}header{height:70px}.title-row{align-items:start;flex-direction:column}h1{font-size:27px}.card{padding:15px}.card strong{font-size:21px}.panel-head{align-items:start;flex-direction:column}.notice{align-items:start;flex-direction:column;gap:8px}.form-grid{grid-template-columns:1fr}.statement-summary{grid-template-columns:1fr}footer{gap:15px}}@media print{body{background:white}aside,main,#toast{display:none!important}dialog{display:block!important;position:static;max-height:none;width:100%;border:0;box-shadow:none;overflow:visible}dialog::backdrop{display:none}.close,.modal-actions{display:none}.modal{padding:0}table{white-space:normal}td,th{padding:9px;font-size:10px}.statement-total{background:#eee;color:#111}.statement-summary{grid-template-columns:repeat(3,1fr)}}

@media(min-width:701px) and (max-width:1000px){.title-row{align-items:flex-start;flex-direction:column}.panel-head{align-items:flex-start;flex-direction:column}.notice{align-items:flex-start;flex-direction:column;gap:8px}h1{font-size:30px}}
progress{display:block;width:300px;max-width:100%;height:8px;margin-top:16px;accent-color:#668b58}

.buttons{flex-wrap:wrap}.mail-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.mail-summary>div{background:white;border:1px solid var(--line);padding:22px;border-radius:8px}.mail-summary b{font-size:28px;display:block}.mail-summary span{display:block;color:var(--muted);font-size:12px}.mail-error{max-width:260px;white-space:normal;color:#95622d}.mail-choices{border:1px solid var(--line);padding:16px;margin:20px 0;border-radius:6px}.mail-choices legend{font-size:12px;color:var(--muted)}.mail-choices label{display:inline-flex;gap:8px;margin:6px 20px 6px 0;align-items:center}.mail-recipient-list{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:7px}.mail-recipient-list td,.mail-recipient-list th{padding:10px 12px}.mail-wrap{white-space:normal;overflow-wrap:anywhere;max-width:260px}.selected-mail{background:#f0f5e9}.mail-envelope{padding:16px 0;font-size:12px;overflow-wrap:anywhere}.mail-envelope p{line-height:1.9}.mail-attachment-list{display:flex;gap:8px;flex-wrap:wrap}.attachment-link{padding:8px 10px;border:1px solid var(--line);border-radius:6px;color:var(--green);font-size:11px;text-decoration:none}.attachment-link small{color:var(--muted)}.email-preview{width:100%;height:720px;border:1px solid var(--line);border-radius:8px;background:#f3f5ef}.mail-extra{margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:7px}.mail-extra label{display:block;font-size:12px;margin-bottom:12px}.mail-extra input{max-width:100%;font-size:12px}.mail-approval{padding:16px;background:#edf3e7;border-radius:7px}.mail-approval label{display:flex;gap:10px;align-items:start;font-size:12px;margin:8px 0}.mail-approval input{margin-top:3px}.mail-excluded{padding:14px;background:#fbf4e6;margin-bottom:15px;font-size:12px;border-radius:6px}.mail-excluded li{margin:7px 0}.text-btn:disabled{opacity:.35;cursor:not-allowed}.mail-recipient-list .empty{padding:24px}@media(max-width:700px){.mail-summary{grid-template-columns:1fr}.email-preview{height:850px}.modal{padding:18px}}

/* Dark application theme. Printed statements retain their light layout. */
@media screen {
  :root {color-scheme:dark;--ink:#f3f3f3;--muted:#b3b3b3;--green:#c3c3c3;--line:#3c3c3c;--paper:#121212;--surface:#1d1d1d;--raised:#272727}
  body {background:var(--paper);color:var(--ink)}
  aside {background:#1a1a1a;border-right:1px solid var(--line);overflow-y:auto}
  .brand {display:flex;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0}
  .brand img {display:block;width:144px;height:144px;object-fit:contain;border-radius:8px}
  .brand span {margin:0 0 22px;font-size:11px;color:#d2d2d2;letter-spacing:3px}
  nav button {color:#cbcbcb;min-height:44px}
  nav button:hover,nav button.active {background:#343434;color:#fcfcfc}
  nav button.active {box-shadow:inset 3px 0 #d0d0d0}
  .workspace,.workspace span,.aside-bottom,.aside-bottom span {color:#bababa}
  .draft {color:#c9c9c9;border-color:var(--line)}
  .eyebrow,.card label,.field label,th {color:#b9b9b9}
  .panel,.card,.mail-summary>div,dialog {background:var(--surface);border-color:var(--line)}
  .card {min-width:0}.card strong {font-size:clamp(21px,2.05vw,29px);letter-spacing:-.7px}
  .card.primary {background:#353535;border-color:#5a5a5a}
  .card small,.sub {color:#b7b7b7}
  th {background:#272727}td {border-color:#363636}
  tbody tr:hover {background:#2a2a2a}
  .btn {background:#cdcdcd;color:#1f1f1f;min-height:44px;font-weight:650}
  .btn.secondary {background:#272727;color:#ececec;border-color:#4d4d4d}
  .text-btn,.attachment-link {color:#cdcdcd}
  .text-btn {min-height:40px;line-height:1.4}
  input.search,select,.field input,.field textarea,.field select {background:#191919;color:var(--ink);border-color:#4d4d4d}
  input::placeholder,textarea::placeholder {color:#9f9f9f;opacity:1}
  input,textarea,select {accent-color:#cdcdcd}
  :focus-visible {outline:2px solid #dfdfdf;outline-offset:3px}
  .notice,.mail-excluded {background:#302818;color:#efd39c;border-color:#604d2b}
  .notice button {color:#f4d599;min-height:36px}
  .notice.neutral,.mail-approval {background:#2e2e2e;color:#d8d8d8;border-color:#4e4e4e}
  .tag {background:#3e3e3e;color:#dfdfdf}.tag.warn {background:#49391d;color:#f1d197}
  .selected-mail {background:#363636}
  .mail-error {color:#f0c087}
  .statement-summary div {background:#303030}
  .statement-total {background:#cdcdcd;color:#202020;gap:18px}
  dialog {color:var(--ink);box-shadow:0 25px 100px #0009;max-height:92dvh}
  dialog::backdrop {background:#060606bc;backdrop-filter:blur(5px)}
  .close {min-width:44px;min-height:44px;color:#d6d6d6;flex-shrink:0}
  #toast {background:#424242;border:1px solid #6d6d6d;box-shadow:0 8px 32px #0006;color:#fcfcfc}
  footer {color:#a8a8a8}.bar-track {background:#373737}.bar-fill {background:#cdcdcd}
  .aside-bottom i {background:#bdbdbd}
  .breadcrumb span {color:#aaa}
  progress {accent-color:#cdcdcd}
  .title-row>div,.panel-head>div,main,section {min-width:0}
  .title-row {flex-wrap:wrap}.title-row .buttons {flex-shrink:0}
  .panel-foot {gap:12px;flex-wrap:wrap}.modal-actions {flex-wrap:wrap}
  .field input,.field select,input.search,select {min-height:44px}
  .field textarea {min-height:115px}
  .email-preview {color-scheme:light}
  @media(min-width:701px) and (max-width:1250px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:700px){
    aside {position:sticky;top:0;width:100%;padding:10px 16px 12px;padding-top:max(10px,env(safe-area-inset-top));z-index:5;border-right:0;border-bottom:1px solid var(--line);overflow:visible}
    .brand {flex-direction:row;align-items:center;gap:15px}
    .brand img {width:64px;height:64px;border-radius:5px}
    .brand span {display:block;margin:0;letter-spacing:2px;font-size:12px}
    nav {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px;overflow:visible}
    nav button {text-align:center;padding:8px 6px;min-height:42px;font-size:12px;white-space:normal}
    nav button span {display:none}nav b {float:none;margin-left:5px}
    main {margin:0;padding:0 14px;padding-bottom:env(safe-area-inset-bottom)}
    header {height:auto;min-height:66px;gap:12px;flex-wrap:wrap;padding:12px 0}
    .header-right {gap:8px}.breadcrumb {font-size:11px}.breadcrumb span {margin:0 5px}
    section {padding-top:24px}h1 {font-size:27px;line-height:1.2}
    .title-row {gap:16px;margin-bottom:20px}.title-row .buttons {width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
    .btn {white-space:normal;padding:11px 12px;font-size:13px;min-height:46px}
    .cards {grid-template-columns:1fr;gap:10px}.card {padding:17px 18px}.card strong {font-size:29px;margin:8px 0}.card small {font-size:12px}
    .card label {font-size:13px}.panel-head {padding:19px 16px;gap:15px}.panel-head input.search {width:100%}
    .panel-head p {line-height:1.7}.notice {padding:15px 16px;font-size:13px}
    .table-wrap {overflow:visible}table,tbody,tr,td {display:block;width:100%;white-space:normal}
    thead {display:none}tbody tr {padding:12px 16px;border-bottom:1px solid var(--line)}tbody tr:last-child{border:0}
    td {display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 0;border:0;text-align:right;font-size:13px;overflow-wrap:anywhere}
    td::before {content:attr(data-label);font-size:11px;color:var(--muted);text-align:left;flex:1;min-width:90px;font-weight:500}
    td:first-child {display:block;text-align:left;font-size:15px;padding-bottom:12px}.client-name {font-size:15px}
    td:first-child::before {display:block;margin-bottom:5px;letter-spacing:.6px;text-transform:uppercase}
    td .sub {font-size:12px;flex-basis:100%;text-align:inherit}.num {text-align:right}
    td .mapping-select {max-width:100%;width:100%;font-size:16px}
    td .text-btn {padding:8px;min-height:44px;text-align:center}
    td:has(.text-btn):last-child {justify-content:flex-start;border-top:1px solid var(--line);margin-top:8px;padding-top:10px}
    td:has(.text-btn):last-child::before {display:none}
    td.empty {display:block;text-align:center}.empty::before {display:none}
    .mono {overflow-wrap:anywhere;font-size:11px}.mail-wrap {max-width:none}
    .panel-foot {padding:15px 16px;line-height:1.7}
    dialog {width:calc(100% - 16px);max-width:none;max-height:94dvh;border-radius:10px;margin:auto;padding:0}
    .modal {padding:18px}.modal-head {gap:10px}.modal-head h1 {font-size:25px}.modal-head h2 {font-size:20px}
    .modal-actions {display:flex;flex-direction:column}.modal-actions .btn {width:100%}
    .form-grid {grid-template-columns:minmax(0,1fr)}.field {min-width:0}
    input.search,.field input,.field textarea,.field select,select {font-size:16px;max-width:100%}
    .settings-box {padding:20px 16px}.settings-box select {width:100%;margin-right:0}
    .mail-summary {grid-template-columns:1fr;gap:10px}.mail-summary>div {padding:16px}
    .mail-recipient-list {max-height:300px;overflow:auto}.mail-recipient-list td {padding:8px 0}.mail-recipient-list tr {padding:10px 12px}
    .mail-envelope {font-size:13px}.attachment-link {overflow-wrap:anywhere;max-width:100%;min-height:44px}
    .mail-approval input {width:20px;height:20px;flex-shrink:0}.mail-approval label {font-size:13px;line-height:1.6}
    .mail-choices input {width:19px;height:19px}.statement-total {flex-wrap:wrap;font-size:17px}
    .statement-summary strong {font-size:24px}.small-note {font-size:12px}
    footer {flex-direction:column;font-size:10px;gap:6px;line-height:1.7;margin-top:24px}
    #toast {left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));max-width:none;font-size:13px}
  }
}

.client-link{background:none;color:var(--ink);font:inherit;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:3px;padding:6px 0;min-height:44px}
.client-link:hover{color:#fff}.client-history-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.client-history-nav .btn{white-space:normal;max-width:44%}.client-history-nav span{color:var(--muted);white-space:nowrap}
@media(max-width:700px){.client-history-nav{gap:8px}.client-history-nav .btn{font-size:12px;flex:1}}
.login-panel{width:calc(100% - 32px);max-width:440px;margin:8vh auto;padding:28px}.login-panel img{border-radius:8px;margin-bottom:20px}.login-panel p{color:var(--muted)}.login-panel .btn{margin-top:18px}.login-panel input{font-size:16px}.login-panel [hidden]{display:none!important}

.channel-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.channel-filters select{min-width:150px}@media(max-width:700px){.channel-filters{width:100%}.channel-filters select,.channel-filters input.search{width:100%}}

.channel-profile{overflow:hidden}.channel-cover{height:210px;background:linear-gradient(120deg,#292929,#171717)}.channel-cover img{width:100%;height:100%;object-fit:cover;display:block}.channel-profile-body{padding:24px 28px}.channel-profile-heading{display:flex;align-items:center;gap:20px}.channel-avatar{width:96px;height:96px;object-fit:cover;border-radius:50%;border:4px solid #242424}.channel-profile-heading h2{font-size:27px;margin:4px 0 8px}.channel-profile-heading a{font-size:13px}.channel-origin{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.channel-description{white-space:pre-line;max-width:850px;font-size:14px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.channel-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--muted)}.channel-stats b{color:var(--ink)}@media(max-width:700px){.channel-cover{height:125px}.channel-profile-body{padding:18px}.channel-avatar{width:68px;height:68px}.channel-profile-heading{gap:14px}.channel-profile-heading h2{font-size:21px}.channel-stats{gap:14px}}
.channel-profile-heading a{color:var(--ink)}.channel-profile-heading>div{min-width:0;overflow-wrap:anywhere}.channel-avatar{flex-shrink:0}
@media(max-width:700px){.header-right{width:100%;min-width:0;flex-wrap:wrap}.header-right select{min-width:0;flex:1}.header-right .text-btn{white-space:nowrap}}

/* iOS-inspired mobile shell; desktop navigation is unchanged. */
.mobile-more{display:none}
@media screen and (max-width:700px){
 body{background:#141414;-webkit-tap-highlight-color:transparent}
 aside{position:sticky;top:0;padding:10px 18px;background:#202020eF;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid #ffffff0d}
 .brand{gap:12px}.brand img{width:38px;height:38px;border-radius:9px}.brand span{font-size:11px;letter-spacing:2px}
 aside nav{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;background:#242424f5;border-top:1px solid #ffffff18;box-shadow:0 -8px 30px #0002;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 nav button{display:none;border-radius:12px;font-size:10px;line-height:1.3;min-height:52px;padding:5px 2px;color:#aaa}
 nav button[data-view="overview"],nav button[data-view="clients"],nav button[data-view="mail"],nav button.mobile-more{display:block}
 nav button::before{display:block;font-size:23px;line-height:26px;margin-bottom:3px;font-weight:400}
 nav button[data-view="overview"]::before{content:'▦'}nav button[data-view="clients"]::before{content:'♙'}nav button[data-view="mail"]::before{content:'✉'}nav button.mobile-more::before{content:'•••';letter-spacing:2px}
 nav button.active{box-shadow:none;background:#ffffff12;color:#fff}
 main{padding:0 16px calc(92px + env(safe-area-inset-bottom))}
 header{min-height:62px;padding:10px 0;border:0}.breadcrumb,.header-right .draft{display:none}.header-right{flex-wrap:nowrap;gap:12px}.header-right select{border:0;border-radius:12px;background:#272727;font-size:15px;font-weight:600}.header-right .text-btn{font-size:12px;color:#aaa}
 section{padding-top:12px}h1{font-size:32px;font-weight:700;letter-spacing:-1px}.subtitle{line-height:1.6}
 .panel,.card,.mail-summary>div{border:1px solid #ffffff09;border-radius:18px;background:#222}.card{padding:20px}.card.primary{background:#303030;border-color:#ffffff12}.cards{gap:12px}
 .btn{border-radius:12px;min-height:48px}.btn.secondary{background:#303030;border-color:#ffffff0b}.text-btn{min-height:44px}.search,input.search,.field input,.field select,.field textarea{border-radius:12px;background:#2a2a2a;border-color:#ffffff0c}
 .panel-head{padding:20px}.panel-head h2{font-size:20px;letter-spacing:-.4px}tbody tr{padding:14px 18px}td{font-size:14px}.client-link{font-size:17px}.client-history-nav{gap:8px}.client-history-nav .btn{border-radius:14px}
 .channel-profile{border-radius:20px}.channel-cover{height:140px}.channel-profile-body{padding:20px}.channel-profile-heading h2{font-size:21px}
 dialog{position:fixed;inset:auto 0 0;margin:0;width:100%;max-height:90dvh;border:1px solid #ffffff12;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal{padding:24px 20px}.mobile-menu{display:grid;gap:12px}.mobile-menu .modal-head{margin-bottom:6px}.mobile-menu .btn{text-align:left;padding:14px 18px}.close{border-radius:50%;background:#ffffff0c}
 #toast{bottom:calc(86px + env(safe-area-inset-bottom));border-radius:16px}footer{padding-bottom:12px}
}
@media screen and (max-width:700px){aside{backdrop-filter:none;-webkit-backdrop-filter:none}}