:root{--bg:#f4f7fb;--ink:#172033;--muted:#697586;--primary:#3157d5;--line:#e3e8f1;--card:#fff;--green:#13845b;--red:#bd3344}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Tahoma,Arial,sans-serif;line-height:1.7}.topbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px max(4%,calc((100% - 1160px)/2));gap:16px;flex-wrap:wrap}.brand{font-size:20px;font-weight:800;color:var(--primary);text-decoration:none}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar nav a{color:#39445b;text-decoration:none;padding:7px 11px;border-radius:9px}.topbar nav a:hover{background:#edf1ff;color:var(--primary)}.container{max-width:1160px;margin:28px auto;padding:0 18px;min-height:70vh}.hero{background:linear-gradient(125deg,#203b9b,#5279ef);color:white;padding:30px;border-radius:20px;margin-bottom:22px}.hero h1{margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 5px 20px #17203308;margin-bottom:16px}.stat{font-size:25px;font-weight:800;margin-top:5px}.muted{color:var(--muted)}h2{font-size:21px;margin:0 0 16px}.btn,button{display:inline-block;background:var(--primary);color:#fff;border:0;border-radius:10px;padding:10px 16px;text-decoration:none;font:inherit;cursor:pointer}.btn.secondary{background:#e9edfb;color:#263e9c}.btn.danger{background:var(--red)}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #d7deea;border-radius:10px;background:#fff;font:inherit;margin:5px 0 14px}label{font-weight:700;font-size:14px}table{width:100%;border-collapse:collapse;background:white}th,td{text-align:right;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#f7f9fc;font-size:13px;color:#596579}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.notice{padding:12px 15px;border-radius:10px;background:#e7f7ef;color:#116644;margin-bottom:14px}.error{background:#fff0f1;color:#a21e30}.pill{display:inline-block;padding:3px 9px;border-radius:99px;background:#eef1f8;font-size:12px}.form-card{max-width:620px;margin:28px auto}.footer{text-align:center;color:var(--muted);padding:22px;border-top:1px solid var(--line);font-size:13px}.inline-form{display:flex;gap:8px;align-items:center}.inline-form select{margin:0;min-width:150px}.inline-form button{white-space:nowrap}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{align-items:flex-start}.container{margin-top:18px}.card{padding:15px}}@media(max-width:520px){.grid,.grid.two{grid-template-columns:1fr}.hero{padding:22px}.topbar nav{width:100%}.topbar nav a{padding:6px 8px;font-size:13px}.inline-form{align-items:stretch;flex-direction:column}.inline-form select{width:100%}th,td{padding:9px;font-size:13px}}

/* Settings, filters and responsive administration forms */
.filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0;padding:16px;background:#f8faff;border:1px solid var(--line);border-radius:12px}.filter-form input,.filter-form select{margin-bottom:0}.filter-actions{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.setting-box{padding:14px;border:1px solid var(--line);border-radius:12px;background:#fafbff;margin:10px 0}.setting-box label{display:flex;gap:8px;align-items:center}.setting-preview{display:block;max-width:100%;max-height:120px;object-fit:contain;padding:8px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:8px 0}.favicon-preview{width:64px;height:64px}.brand img{max-width:45vw}@media(max-width:800px){.filter-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.filter-form{grid-template-columns:1fr}.filter-actions>*{width:100%;text-align:center}}

/* Navigation, dark mode, customer cards */
.topbar{position:sticky;top:0;z-index:20;box-shadow:0 3px 16px #17203308}.main-nav{align-items:center}.theme-toggle{background:#eef1f8;color:#28334b;padding:7px 11px;border-radius:9px;font-size:13px}.dark-mode body{--bg:#101725;--ink:#e8edf7;--muted:#a7b2c5;--line:#2b374b;--card:#182234;--primary:#7894ff;--green:#55d6a1;--red:#ff7888;background:var(--bg);color:var(--ink)}.dark-mode .topbar,.dark-mode .card,.dark-mode table,.dark-mode th,.dark-mode td,.dark-mode input,.dark-mode select,.dark-mode textarea{background:#182234;color:#e8edf7;border-color:#2b374b}.dark-mode .topbar nav a{color:#dce5fa}.dark-mode .topbar nav a:hover,.dark-mode .setting-box,.dark-mode .filter-form{background:#202d42;color:#e8edf7}.dark-mode th{background:#202d42}.dark-mode .service-details{background:#202d42;border-color:#35445c}.dark-mode .service-meta span{background:#182234;color:#e8edf7}.settings-nav{display:flex;gap:8px;flex-wrap:wrap;padding:10px;background:var(--bg);border-radius:12px;margin:14px 0}.settings-nav a{padding:8px 12px;background:var(--card);border:1px solid var(--line);border-radius:9px;text-decoration:none;color:var(--ink)}.client-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.client-summary .setting-box{margin:0}.attachment-link{display:inline-flex;gap:6px;align-items:center;margin:5px 0;padding:5px 9px;background:#e9edfb;border-radius:8px;text-decoration:none;overflow-wrap:anywhere}@media(max-width:520px){.topbar{position:static}.brand{font-size:17px}.main-nav{gap:4px}.main-nav a{font-size:12px}}

.notice-modal{position:fixed;inset:0;background:#101828aa;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px}.notice-modal-card{position:relative;background:var(--card);color:var(--ink);border-radius:18px;padding:24px;width:min(560px,100%);max-height:90vh;overflow:auto;box-shadow:0 20px 70px #0004}.notice-modal-close{position:absolute;top:10px;left:10px;background:#e9edf5;color:#26334a;font-size:24px;padding:0 10px}.notice-modal-card h2{padding-left:38px}.notice-modal-card p{overflow-wrap:anywhere}
/* Settings page usability improvements */
.settings-nav{position:sticky;top:68px;z-index:12;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;padding:12px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 24px #1720330d}
.settings-nav a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:42px;font-weight:700;transition:transform .15s,border-color .15s}
.settings-nav a:hover{transform:translateY(-1px);border-color:var(--primary)}
.settings-content section{scroll-margin-top:145px;margin:16px 0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--card)}
.settings-content section h2{margin-top:0;padding-bottom:10px;border-bottom:1px solid var(--line)}
.settings-content section .grid{margin-top:12px}
.settings-content section label{font-weight:650}
.settings-content section .muted{line-height:1.7}
@media(max-width:650px){.settings-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-content section{padding:14px}.settings-content section{scroll-margin-top:20px}}

/* Compact grouped navigation and balance indicator */
.nav-dropdown{position:relative;display:inline-block;color:#39445b}.nav-dropdown summary{list-style:none;cursor:pointer;padding:7px 11px;border-radius:9px;font-weight:700;white-space:nowrap}.nav-dropdown summary::-webkit-details-marker{display:none}.nav-dropdown[open] summary,.nav-dropdown summary:hover{background:#edf1ff;color:var(--primary)}.nav-dropdown-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:180px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 32px #17203320;border-radius:12px;padding:7px;display:flex;flex-direction:column;z-index:80}.nav-dropdown-menu a{display:block!important;white-space:nowrap}.header-balance{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 12px;border-radius:999px;background:#e8f8ef;color:#116644;font-weight:800;font-size:13px}.dark-mode .nav-dropdown{color:#e8edf7}.dark-mode .nav-dropdown-menu{background:#182234;border-color:#2b374b}.dark-mode .header-balance{background:#173c32;color:#a8f0d0}@media(max-width:650px){.header-balance{font-size:12px;padding:5px 8px}.nav-dropdown summary{font-size:12px;padding:6px 8px}.nav-dropdown-menu{inset-inline-start:0;inset-inline-end:auto}}

/* Wider, cleaner settings workspace and payment forms */
.settings-layout{display:flex;flex-direction:column;gap:14px;align-items:stretch}.settings-layout .settings-nav{position:sticky;top:68px;display:flex;flex-direction:row;flex-wrap:wrap;grid-template-columns:none;margin:0;max-height:none;overflow:visible;align-items:center}.settings-layout .settings-nav a,.settings-layout .settings-nav button{justify-content:center;text-align:center;white-space:nowrap}.settings-layout .settings-content{min-width:0;width:100%}.settings-content section{min-width:0}.settings-content .grid>div{min-width:0}.settings-content input,.settings-content select,.settings-content textarea{width:100%;max-width:100%;min-width:0}.funds-page input,.funds-page select,.funds-page textarea{width:100%;max-width:100%;min-width:0}.funds-page .order-submit{width:100%;min-height:52px}.funds-page .funds-field{width:100%}.funds-page .funds-form-card{width:100%}.order-layout .order-columns>div,.order-layout .order-columns>aside{min-width:0}.order-layout .order-field input,.order-layout .order-field select,.order-layout #dynamic-order-fields input,.order-layout #dynamic-order-fields textarea,.order-layout #dynamic-order-fields select{width:100%;max-width:100%;min-height:52px;font-size:16px}.order-layout .service-details{width:100%;overflow-wrap:anywhere}.order-layout .order-select{height:auto;min-height:56px;white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.settings-layout .settings-nav{position:static;display:flex;flex-wrap:wrap;max-height:none}.settings-layout .settings-nav a,.settings-layout .settings-nav button{flex:1 1 145px;justify-content:center;text-align:center}}

.sidebar-submenu{display:grid;gap:3px;padding-inline-start:12px;margin:2px 0 8px}.sidebar-submenu .sidebar-link{min-height:36px;font-size:13px}.sidebar-submenu .sidebar-icon{background:transparent}

/* Layout safety: keep action buttons compact and prevent toolbar/table overlap. */
.card button,.card .btn,.filter-form button,.filter-form .btn{max-width:100%;white-space:normal;line-height:1.35;padding:9px 13px;font-size:14px;box-sizing:border-box}
.action-stack,.filter-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.table-wrap{max-width:100%;overflow-x:auto}
.card form button{margin-top:4px}