:root{--acc-bg:#f5f8fb;--acc-card:#fff;--acc-line:#e3eaf1;--acc-text:#172333;--acc-muted:#748395;--acc-soft:#eef4f9;--acc-accent:#176dcc;--acc-accent-soft:#edf6ff;--acc-success:#197454;--acc-warn:#9c6514;--acc-danger:#b84040;--acc-shadow:0 14px 38px rgba(38,60,84,.07)}
.account-page{background:var(--acc-bg);color:var(--acc-text)}
.account-main{width:min(1440px,100%);margin:0 auto;padding:26px clamp(14px,2.5vw,34px) 60px}
.account-state-card{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;color:var(--acc-muted)}.account-state-card.error{color:var(--acc-text)}.account-spinner{width:27px;height:27px;border:2px solid #d9e3ec;border-top-color:#4386ce;border-radius:50%;animation:accountspin .8s linear infinite}@keyframes accountspin{to{transform:rotate(360deg)}}
.account-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:22px;align-items:start}.account-sidebar{position:sticky;top:86px;display:flex;flex-direction:column;gap:16px;min-height:calc(100vh - 120px);padding:18px 13px;border:1px solid var(--acc-line);border-radius:18px;background:var(--acc-card);box-shadow:var(--acc-shadow)}.account-person{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;border-bottom:1px solid var(--acc-line)}.account-avatar{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:13px;background:linear-gradient(145deg,#0f67c9,#3f91e8);color:#fff;font-weight:900}.account-person-copy{display:flex;min-width:0;flex-direction:column}.account-person-copy strong,.account-person-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-person-copy strong{font-size:.77rem}.account-person-copy span{margin-top:3px;color:var(--acc-muted);font-size:.59rem;direction:ltr;text-align:start}
.account-nav{display:flex;flex-direction:column;gap:3px}.account-nav-item{position:relative;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:#607184;text-align:start;cursor:pointer}.account-nav-item>span{display:grid;place-items:center;width:22px;color:#8796a5;font-size:.82rem}.account-nav-item b{font-size:.67rem;font-weight:800}.account-nav-item i{display:grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e95d5d;color:#fff;font-size:.5rem;font-style:normal}.account-nav-item:hover{background:#f5f8fb;color:#24384d}.account-nav-item.is-active{background:var(--acc-accent-soft);color:#155eae}.account-nav-item.is-active>span{color:#1670cc}.account-nav-separator{height:1px;margin:7px 8px;background:var(--acc-line)}.account-new-request{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:auto;min-height:40px;border:1px solid #cbdff1;border-radius:11px;background:#f4f9fe;color:#1f69b3;text-decoration:none;font-size:.66rem}
.account-workspace{min-width:0}.account-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:3px 2px 22px}.account-top h1{margin:5px 0 5px;font-size:clamp(1.35rem,2.2vw,2rem);letter-spacing:-.03em}.account-top p{margin:0;color:var(--acc-muted);font-size:.72rem}.account-eyebrow{display:block;color:#7b8da0;font-size:.53rem;font-weight:900;letter-spacing:.14em}.account-search-wrap{position:relative;width:min(400px,42%);flex:0 0 auto}.account-search-wrap input,.library-tools input{width:100%;height:42px;padding:0 38px 0 13px;border:1px solid var(--acc-line);border-radius:12px;background:var(--acc-card);color:var(--acc-text);outline:none}.account-search-wrap input:focus,.library-tools input:focus{border-color:#a9c9e8;box-shadow:0 0 0 3px rgba(57,130,204,.08)}.account-search-icon{position:absolute;inset-inline-start:13px;top:10px;color:#8fa0b0}.account-search-results{position:absolute;z-index:30;top:48px;inset-inline:0;max-height:390px;overflow:auto;padding:7px;border:1px solid var(--acc-line);border-radius:13px;background:var(--acc-card);box-shadow:0 18px 50px rgba(24,43,65,.16)}.search-result{display:flex;flex-direction:column;gap:2px;padding:9px;border-radius:9px;color:var(--acc-text);text-decoration:none}.search-result:hover{background:var(--acc-soft)}.search-result b{font-size:.66rem}.search-result small{color:var(--acc-muted);font-size:.54rem}.search-empty{padding:18px;text-align:center;color:var(--acc-muted);font-size:.62rem}
.account-view{display:block}.view-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.view-heading h2{margin:4px 0 4px;font-size:1.13rem}.view-heading p{max-width:720px;margin:0;color:var(--acc-muted);font-size:.68rem;line-height:1.7}.quiet-button,.text-button,.small-primary,.danger-button,.icon-close{border:0;cursor:pointer;font:inherit}.quiet-button{min-height:34px;padding:0 12px;border:1px solid var(--acc-line);border-radius:9px;background:var(--acc-card);color:#5d7083;font-size:.6rem;font-weight:800}.text-button{padding:4px;background:transparent;color:#2672bc;font-size:.59rem;font-weight:850}.small-primary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 13px;border:1px solid #1e6fc0;border-radius:9px;background:#1d73c9;color:#fff;text-decoration:none;font-size:.61rem;font-weight:850}.danger-button{min-height:35px;padding:0 12px;border:1px solid #efcaca;border-radius:9px;background:#fff7f7;color:#aa3939;font-size:.6rem;font-weight:850}.icon-close{width:30px;height:30px;border-radius:9px;background:#f2f5f8;color:#697b8d}
.attention-list{display:grid;gap:8px;margin-bottom:15px}.attention-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border:1px solid #efdcbf;border-radius:12px;background:#fffaf1}.attention-item.success{border-color:#dce8e1;background:#f7fbf9}.attention-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#fff1d8;color:#986313;font-weight:900}.attention-item.success .attention-mark{background:#e9f6ef;color:#1b7252}.attention-item strong{display:block;font-size:.68rem}.attention-item p{margin:2px 0 0;color:var(--acc-muted);font-size:.57rem}.attention-item a,.attention-item button{color:#1e6db7;text-decoration:none;font-size:.57rem;font-weight:850;border:0;background:transparent;cursor:pointer}
.account-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:16px}.account-stat{display:flex;flex-direction:column;align-items:flex-start;min-height:105px;padding:14px;border:1px solid var(--acc-line);border-radius:14px;background:var(--acc-card);color:var(--acc-text);text-align:start;cursor:pointer;box-shadow:0 5px 18px rgba(30,54,78,.035)}.account-stat:hover{border-color:#c7d8e8;transform:translateY(-1px)}.account-stat span{color:var(--acc-muted);font-size:.57rem;font-weight:800}.account-stat strong{margin:7px 0 3px;font-size:1.25rem;letter-spacing:-.03em}.account-stat small{color:#9aa6b2;font-size:.51rem}.balance-stat{background:linear-gradient(145deg,#f7fbff,#eef7ff);border-color:#d5e6f5}.account-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.account-card{padding:16px;border:1px solid var(--acc-line);border-radius:15px;background:var(--acc-card);box-shadow:0 7px 24px rgba(29,51,72,.035)}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.card-heading h3{margin:4px 0 0;font-size:.84rem}.compact-list,.activity-list,.ledger-list,.billing-list,.message-inbox,.file-list,.entity-list{display:grid;gap:8px}.compact-item,.activity-item,.entity-item,.inbox-item,.ledger-item,.billing-item,.file-item{border:1px solid var(--acc-line);border-radius:11px;background:#fbfcfd}.compact-item,.activity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px}.compact-item strong,.activity-item strong{font-size:.62rem}.compact-item p,.activity-item p{margin:3px 0 0;color:var(--acc-muted);font-size:.54rem}.compact-item a{color:#1c6dbb;text-decoration:none;font-size:.55rem;font-weight:800}.activity-dot{display:inline-block;width:7px;height:7px;margin-inline-end:7px;border-radius:50%;background:#77a7d4}.empty-box{padding:24px;border:1px dashed #d8e1ea;border-radius:11px;color:var(--acc-muted);text-align:center;font-size:.62rem}
.entity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px}.entity-main h3{margin:0 0 5px;font-size:.76rem}.entity-main p{margin:0;color:var(--acc-muted);font-size:.58rem;line-height:1.6}.entity-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.soft-pill,.status-pill{display:inline-flex;align-items:center;min-height:23px;padding:0 8px;border-radius:8px;background:#eef3f7;color:#667b90;font-size:.51rem;font-weight:800}.status-pill.active,.status-pill.accepted,.status-pill.paid,.status-pill.completed,.status-pill.verified{background:#eaf7f0;color:#197052}.status-pill.reviewing,.status-pill.issued,.status-pill.sent,.status-pill.quoted,.status-pill.partially_paid{background:#fff4dd;color:#946215}.status-pill.closed,.status-pill.failed,.status-pill.cancelled{background:#fbecec;color:#a84343}.entity-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:10px}.entity-side a{color:#176cc0;text-decoration:none;font-size:.58rem;font-weight:850}
.filter-row{display:flex;gap:6px;margin-bottom:12px;overflow:auto}.filter-chip{flex:0 0 auto;min-height:31px;padding:0 10px;border:1px solid var(--acc-line);border-radius:9px;background:var(--acc-card);color:#718194;font-size:.56rem;cursor:pointer}.filter-chip.is-active{background:#eef6fe;border-color:#cbdff2;color:#1768b7}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.project-card{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid var(--acc-line);border-radius:14px;background:var(--acc-card);text-decoration:none;color:var(--acc-text)}.project-card:hover{border-color:#c2d8eb;box-shadow:0 10px 28px rgba(30,65,98,.06)}.project-card-head{display:flex;justify-content:space-between;gap:10px}.project-card h3{margin:0;font-size:.76rem}.project-card p{margin:5px 0 0;color:var(--acc-muted);font-size:.56rem}.project-card-foot{display:flex;justify-content:space-between;align-items:center;color:#75879a;font-size:.54rem}.project-arrow{color:#1d70bd;font-size:.8rem}
.library-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:8px;margin-bottom:12px}.library-tools select{height:42px;border:1px solid var(--acc-line);border-radius:12px;background:var(--acc-card);padding:0 10px;color:var(--acc-text)}.file-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px}.file-kind{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef5fb;color:#367abd;font-size:.58rem;font-weight:900}.file-copy{min-width:0}.file-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.64rem}.file-copy p{margin:3px 0 0;color:var(--acc-muted);font-size:.53rem}.file-action{min-height:31px;padding:0 10px;border:1px solid #d5e3ef;border-radius:8px;background:#f7fbff;color:#1e6cba;font-size:.55rem;font-weight:850;cursor:pointer}
.inbox-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;text-decoration:none;color:var(--acc-text)}.inbox-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eef4fa;color:#326fa8;font-weight:900}.inbox-copy{min-width:0}.inbox-copy strong{font-size:.64rem}.inbox-copy p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--acc-muted);font-size:.56rem}.inbox-item time{color:#96a3b0;font-size:.5rem}
.balance-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px;padding:19px;border:1px solid #cfe2f3;border-radius:16px;background:linear-gradient(135deg,#eff8ff,#fbfdff)}.balance-hero>div{display:flex;flex-direction:column}.balance-hero span{color:#668098;font-size:.58rem}.balance-hero strong{margin:4px 0;font-size:1.8rem;letter-spacing:-.04em}.balance-hero small{color:#8c9baa;font-size:.53rem}.deposit-panel{margin-bottom:13px}.form-grid{display:grid;gap:10px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:5px}.field>span{color:#64778a;font-size:.57rem;font-weight:800}.field input,.field select{width:100%;height:40px;border:1px solid var(--acc-line);border-radius:9px;background:#fff;padding:0 10px;color:var(--acc-text);outline:none}.deposit-instructions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.deposit-instructions>div{display:flex;flex-direction:column;gap:4px;padding:10px;border-radius:10px;background:#f6f9fc}.deposit-instructions .wide{grid-column:1/-1}.deposit-instructions span{color:var(--acc-muted);font-size:.52rem}.deposit-instructions strong{font-size:.68rem}.deposit-instructions code{overflow:auto;direction:ltr;font-size:.6rem}.inline-actions,.form-actions,.security-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.form-message{min-height:1.2em;margin:8px 0 0;color:var(--acc-muted);font-size:.56rem}.form-message.error{color:var(--acc-danger)}.form-message.success{color:var(--acc-success)}
.ledger-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px}.ledger-sign{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#edf8f3;color:#197154;font-weight:900}.ledger-item.debit .ledger-sign{background:#fff1ee;color:#b15040}.ledger-item strong{font-size:.61rem}.ledger-item p{margin:3px 0 0;color:var(--acc-muted);font-size:.52rem}.ledger-amount{text-align:end}.ledger-amount b{display:block;font-size:.65rem}.ledger-amount time{color:#9aa7b4;font-size:.49rem}
.billing-list{margin-bottom:13px}.billing-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:13px}.billing-item h3{margin:0 0 4px;font-size:.68rem}.billing-item p{margin:0;color:var(--acc-muted);font-size:.54rem}.billing-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.billing-side>strong{font-size:.75rem}.billing-actions{display:flex;gap:5px}.billing-actions a,.billing-actions button{min-height:29px;padding:0 8px;border:1px solid #d8e4ef;border-radius:8px;background:#f8fbfd;color:#1b6bb6;text-decoration:none;font-size:.51rem;font-weight:850;cursor:pointer}
.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.connection-card{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:15px;border:1px solid var(--acc-line);border-radius:14px;background:var(--acc-card)}.connection-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf4fa;color:#2c73b5;font-weight:900}.connection-card strong{font-size:.68rem}.connection-card p{margin:4px 0 0;color:var(--acc-muted);font-size:.54rem}.connection-state{padding:4px 7px;border-radius:7px;background:#edf7f2;color:#277154;font-size:.49rem;font-weight:850}
.settings-form{display:grid;gap:17px}.settings-section{display:grid;gap:10px}.settings-section+ .settings-section{padding-top:15px;border-top:1px solid var(--acc-line)}.settings-section h3{margin:0;font-size:.75rem}.preference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preference-grid label{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--acc-line);border-radius:10px;background:#fbfcfd}.preference-grid input{width:16px;height:16px}.preference-grid span{display:flex;flex-direction:column}.preference-grid b{font-size:.59rem}.preference-grid small{margin-top:2px;color:var(--acc-muted);font-size:.5rem}
.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.current-session{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--acc-line);border-radius:11px;background:#fbfcfd}.session-device{color:#2e9c6e}.current-session strong{font-size:.62rem}.current-session p{margin:3px 0;color:var(--acc-muted);font-size:.53rem}.current-session small{color:#2c865f;font-size:.5rem}.security-note{margin-top:12px}.security-note strong{font-size:.65rem}.security-note p{margin:5px 0 0;color:var(--acc-muted);font-size:.56rem;line-height:1.7}
.header-profile-button.is-current{position:relative;background:#eef6fd;color:#1d69b3}.profile-badge{position:absolute;top:1px;inset-inline-end:1px;min-width:16px;height:16px;padding:0 4px;border:2px solid #fff;border-radius:9px;background:#e65555;color:#fff;font-size:.47rem;line-height:12px;text-align:center}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html[data-theme="dark"]{--acc-bg:#0c141e;--acc-card:#111c28;--acc-line:#233344;--acc-text:#e7eef5;--acc-muted:#91a1b2;--acc-soft:#152333;--acc-accent-soft:#13283d;--acc-shadow:none}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .library-tools select,html[data-theme="dark"] .account-search-wrap input{background:#0f1924;color:#e7eef5;border-color:#29394a}html[data-theme="dark"] .compact-item,html[data-theme="dark"] .activity-item,html[data-theme="dark"] .entity-item,html[data-theme="dark"] .inbox-item,html[data-theme="dark"] .ledger-item,html[data-theme="dark"] .billing-item,html[data-theme="dark"] .file-item,html[data-theme="dark"] .preference-grid label,html[data-theme="dark"] .current-session{background:#0f1924}html[data-theme="dark"] .attention-item{background:#211b12;border-color:#4e3d23}html[data-theme="dark"] .attention-item.success{background:#10201b;border-color:#274236}html[data-theme="dark"] .balance-hero{background:#101f2c;border-color:#284158}html[data-theme="dark"] .deposit-instructions>div{background:#0f1924}
@media(max-width:1100px){.account-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connection-grid{grid-template-columns:1fr}.form-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.account-main{padding:15px 12px 90px}.account-shell{grid-template-columns:1fr;gap:12px}.account-sidebar{position:sticky;z-index:20;top:64px;min-height:0;padding:8px;border-radius:13px}.account-person,.account-new-request{display:none}.account-nav{flex-direction:row;overflow-x:auto;scrollbar-width:none}.account-nav::-webkit-scrollbar{display:none}.account-nav-item{flex:0 0 auto;grid-template-columns:20px auto auto;min-height:37px;padding:0 8px}.account-nav-item b{font-size:.58rem}.account-nav-separator{display:none}.account-top{flex-direction:column;margin-top:5px}.account-search-wrap{width:100%}.account-overview-grid,.security-grid{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.account-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stat.balance-stat{grid-column:1/-1}.view-heading{align-items:flex-end}.library-tools,.form-grid.two,.form-grid.three,.preference-grid{grid-template-columns:1fr}.connection-grid{grid-template-columns:1fr}.entity-item,.billing-item{grid-template-columns:1fr}.entity-side,.billing-side{align-items:flex-start}.file-item{grid-template-columns:34px minmax(0,1fr)}.file-action{grid-column:1/-1;width:100%}.inbox-item{grid-template-columns:38px minmax(0,1fr)}.inbox-item time{display:none}.deposit-instructions{grid-template-columns:1fr}.deposit-instructions .wide{grid-column:auto}.account-nav-item>span{display:none}.account-nav-item{grid-template-columns:auto auto}.account-top h1{font-size:1.35rem}}
/* HIHIRO_CUSTOMER_LUXURY_LIGHT_V2
   Light counterpart of Owner Control: warm white, gold decisions, blue state. */
:root{
  --acc-bg:#f4f8fc;
  --acc-card:rgba(255,255,255,.92);
  --acc-line:rgba(45,111,177,.14);
  --acc-text:#142941;
  --acc-muted:#718399;
  --acc-soft:#eef5fb;
  --acc-accent:#1978cf;
  --acc-accent-soft:#eef7ff;
  --acc-gold:#c99328;
  --acc-gold-soft:#fff8e8;
  --acc-shadow:0 18px 48px rgba(34,71,111,.075);
}
.account-page{
  background:
    radial-gradient(circle at 92% 2%,rgba(218,168,53,.10),transparent 24rem),
    radial-gradient(circle at 8% 12%,rgba(47,144,232,.09),transparent 30rem),
    linear-gradient(180deg,#f8fbff 0%,#f3f7fb 52%,#f7fafc 100%);
}
.account-page .topbar{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid rgba(48,111,174,.11);
  backdrop-filter:blur(16px);
  box-shadow:0 8px 34px rgba(37,73,111,.035)
}
.account-main{max-width:1500px;padding-top:22px}
.account-shell{grid-template-columns:238px minmax(0,1fr);gap:18px}
.account-sidebar{
  padding:16px 12px;
  border-color:rgba(45,111,177,.15);
  border-radius:22px;
  background:
    radial-gradient(circle at 100% 0,rgba(211,160,46,.08),transparent 30%),
    linear-gradient(155deg,rgba(255,255,255,.98),rgba(247,251,255,.94));
  box-shadow:0 22px 58px rgba(42,79,119,.08);
  backdrop-filter:blur(16px)
}
.account-avatar{
  background:linear-gradient(145deg,#1e83dc,#0f5fae);
  box-shadow:0 8px 22px rgba(21,113,196,.18),0 0 0 1px rgba(255,255,255,.75)
}
.account-person{border-bottom-color:rgba(47,111,177,.11)}
.account-nav{gap:5px}
.account-nav-item{
  min-height:42px;border:1px solid transparent;border-radius:12px;
  color:#60758b;transition:.18s ease
}
.account-nav-item:hover{background:#f2f7fc;border-color:rgba(49,117,183,.09);color:#244c72}
.account-nav-item.is-active{
  color:#173e63;
  border-color:rgba(201,147,40,.4);
  background:linear-gradient(135deg,rgba(255,247,225,.96),rgba(238,247,255,.92));
  box-shadow:0 8px 22px rgba(56,92,130,.055),inset 0 0 0 1px rgba(255,255,255,.7)
}
.account-nav-item.is-active>span{color:#bd851c}
.account-new-request{
  min-height:43px;border-color:rgba(201,147,40,.36);
  background:linear-gradient(135deg,#fff8e8,#f4f9ff);
  color:#815c17;font-weight:800;
  box-shadow:0 8px 22px rgba(182,133,34,.07)
}
.account-top{
  padding:16px 18px;margin:0 0 16px;
  border:1px solid rgba(47,111,177,.12);border-radius:20px;
  background:rgba(255,255,255,.72);box-shadow:0 14px 38px rgba(39,77,118,.05);
  backdrop-filter:blur(14px)
}
.account-top h1{font-size:clamp(1.35rem,2vw,1.85rem);letter-spacing:-.02em}
.account-eyebrow{color:#9a7224}
.account-search-wrap input,.library-tools input{
  background:rgba(250,253,255,.96);border-color:rgba(47,111,177,.13)
}
.account-search-wrap input:focus,.library-tools input:focus{
  border-color:rgba(32,130,215,.42);
  box-shadow:0 0 0 4px rgba(39,137,221,.075)
}
.view-heading{margin:3px 2px 13px}
.view-heading h2{color:#173653}
.account-stat-grid{gap:10px}
.account-stat{
  min-height:112px;
  border-color:rgba(47,111,177,.12);
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0,rgba(47,144,232,.07),transparent 38%),
    linear-gradient(145deg,#fff,#f9fcff);
  box-shadow:0 12px 30px rgba(40,78,116,.045)
}
.account-stat:hover{border-color:rgba(34,128,211,.28);box-shadow:0 16px 36px rgba(39,82,128,.075)}
.account-stat:nth-child(2n){background:radial-gradient(circle at 100% 0,rgba(211,160,46,.075),transparent 38%),linear-gradient(145deg,#fff,#fffdf8)}
.balance-stat{
  border-color:rgba(201,147,40,.24);
  background:linear-gradient(145deg,#fffaf0,#f4f9ff)
}
.account-card{
  border-color:rgba(47,111,177,.12)!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(42,135,218,.045),transparent 34%),
    rgba(255,255,255,.94)!important;
  box-shadow:0 16px 40px rgba(40,77,115,.055)!important
}
.card-heading{border-bottom-color:rgba(47,111,177,.09)}
.small-primary,.button{
  border-radius:11px;
  background:linear-gradient(135deg,#d7a032,#f1c65f);
  color:#13202d;
  box-shadow:0 8px 22px rgba(193,137,29,.12)
}
.quiet-button{background:#f8fbfe;border-color:rgba(47,111,177,.14);color:#526b84}
.text-button{color:#1d74bd}
.attention-item{
  border-radius:14px!important;
  border-color:rgba(201,147,40,.23)!important;
  background:linear-gradient(135deg,#fffaf0,#fff)!important
}
.attention-item.success{
  border-color:rgba(36,145,95,.18)!important;
  background:linear-gradient(135deg,#f1fbf6,#fff)!important
}
.entity-item,.billing-item,.file-item,.inbox-item,.connection-card,.ledger-item,.project-card{
  border-color:rgba(47,111,177,.11)!important;
  background:linear-gradient(145deg,#fff,#f9fcff)!important;
  box-shadow:0 8px 24px rgba(42,78,116,.035)
}
.filter-chip.is-active{
  border-color:rgba(201,147,40,.34)!important;
  background:#fff7e7!important;color:#815c17!important
}
.balance-hero{
  border:1px solid rgba(201,147,40,.25)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(210,160,47,.12),transparent 32%),
    linear-gradient(135deg,#fffaf0,#f2f8ff)!important;
  box-shadow:0 16px 40px rgba(44,79,116,.06)
}
.balance-hero strong{color:#153957}
.form-grid input,.form-grid select,.field input,.field select,.field textarea,
.deposit-panel input,.deposit-panel select,.deposit-panel textarea{
  border-color:rgba(47,111,177,.14)!important;
  background:#fbfdff!important;color:#18324d!important;
  border-radius:11px!important
}
.form-grid input:focus,.field input:focus,.field textarea:focus,.field select:focus{
  border-color:rgba(32,130,215,.42)!important;
  box-shadow:0 0 0 4px rgba(39,137,221,.07)!important
}
/* The requested customer treatment is light-first. Dark mode remains available by explicit user choice only. */
html:not([data-theme="dark"]) .account-page{color:var(--acc-text)}

@media(max-width:900px){
  .account-main{padding:12px 10px 82px}
  .account-shell{gap:10px}
  .account-sidebar{
    top:62px;padding:8px;border-radius:16px;
    background:rgba(255,255,255,.9);box-shadow:0 12px 34px rgba(39,75,112,.07)
  }
  .account-nav-item.is-active{box-shadow:inset 0 0 0 1px rgba(201,147,40,.1)}
  .account-top{padding:14px;margin-bottom:12px}
}
@media(max-width:640px){
  .account-stat{min-height:104px;padding:12px}
  .account-card{border-radius:16px!important}
}

/* Visual batch item 01: contextual project actions */
.project-entry{position:relative;min-width:0}.project-card-select{width:100%;height:100%;min-height:116px;text-align:start;font:inherit;cursor:pointer}
.project-entry.is-open .project-card-select{border-color:rgba(201,147,40,.48)!important;box-shadow:0 0 0 2px rgba(211,161,61,.08)}
.project-action-panel{position:absolute;inset-inline-start:calc(100% + 5px);top:0;z-index:35;display:grid;gap:3px;width:min(284px,80vw);max-height:min(480px,75vh);overflow-y:auto;background:#fff;border:1px solid rgba(41,113,179,.19);border-radius:14px;padding:10px;box-shadow:0 18px 45px rgba(28,60,91,.18)}
.project-entry:nth-child(2n) .project-action-panel{inset-inline-start:auto;inset-inline-end:calc(100% + 5px)}
.project-action-panel a,.project-action-panel button:not([data-project-close]){display:block;width:100%;text-decoration:none;text-align:start;min-height:35px;padding:9px 10px;background:transparent;border:0;border-radius:8px;color:#2d587c;font:inherit;font-size:.64rem;cursor:pointer}
.project-action-panel .project-primary-action{background:#fff4dc;color:#705017;font-weight:850}
.project-action-panel button:disabled{opacity:.48;cursor:not-allowed}.project-action-panel a:hover,.project-action-panel button:not(:disabled):hover{background:#edf5fd}
.project-action-head{display:flex;justify-content:space-between;align-items:center;padding:4px 7px 8px;border-bottom:1px solid rgba(41,113,179,.12);font-size:.68rem}
.project-action-head button{border:0;background:#f0f5fa;color:#436482;border-radius:7px;width:30px;height:30px;font-size:1.1rem;cursor:pointer}
.overview-project-action{border:0;background:transparent;color:#176cc0;font:inherit;font-size:.59rem;font-weight:800;cursor:pointer}
@media(max-width:900px){.project-action-panel,.project-entry:nth-child(2n) .project-action-panel{position:fixed;top:auto;left:0;right:0;bottom:0;width:100vw;max-height:65dvh;border-radius:18px 18px 0 0;z-index:100;padding:15px 18px;padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 -16px 55px rgba(29,56,85,.24)}}
html[data-theme="dark"] .project-action-panel{background:#152536;border-color:#37516a}html[data-theme="dark"] .project-action-panel a,html[data-theme="dark"] .project-action-panel button{color:#d6e8fa}


/* HIHIRO CUSTOMER HUB V3 | Visual Batch #03. Functional views are grouped, not removed. */
.account-page{--hub-line:rgba(38,94,148,.12);--hub-ink:#19364f;--hub-shadow:0 12px 30px rgba(24,61,99,.045)}
.account-page [hidden],.account-page .account-view[hidden],.account-page .account-subnav[hidden],.account-page [data-subnav-group][hidden]{display:none!important}
.account-main{width:min(1430px,100%);padding:clamp(12px,2vw,24px) clamp(12px,2.3vw,30px) 65px}
.account-shell{grid-template-columns:178px minmax(0,1fr);gap:18px}
.account-sidebar{position:sticky;top:80px;min-height:0;padding:14px 10px;gap:13px;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:var(--hub-shadow)}
.account-person{padding:2px 4px 12px;gap:8px}.account-avatar{width:34px;height:34px;border-radius:11px}.account-person-copy strong{font-size:.65rem}.account-person-copy span{font-size:.51rem}
.account-nav{display:grid;gap:5px}.account-nav-item{display:grid;grid-template-columns:22px minmax(0,1fr) auto;min-height:43px;padding:0 9px;border:1px solid transparent;border-radius:10px}.account-nav-item b{font-size:.64rem}.account-nav-item>span{font-size:.9rem}
.account-nav-item.is-active{border:1px solid rgba(204,156,59,.26);background:linear-gradient(110deg,#fff9eb,#f5faff)}
.account-top{margin:0 0 12px;padding:15px 17px;border-radius:16px;align-items:center;gap:12px}
.account-top h1{font-size:clamp(1.12rem,1.8vw,1.65rem)}.account-top p{font-size:.63rem;line-height:1.5;max-width:440px}
.account-top-controls{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0;flex:0 1 490px}
.account-top-controls .account-search-wrap{width:auto;min-width:0;flex:1}
.account-top-controls .account-search-wrap input{height:40px;font-size:.67rem}
.account-start-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;min-height:40px;padding:0 12px;border:1px solid rgba(202,150,45,.37);border-radius:10px;background:linear-gradient(125deg,#f6cf72,#e5b84d);box-shadow:0 6px 16px rgba(164,118,34,.11);color:#253241;text-decoration:none;font-weight:800;font-size:.66rem}
.account-start-button span{font-size:1.05rem}
.account-start-button:hover,.account-start-button:focus-visible{filter:brightness(1.025);box-shadow:0 8px 20px rgba(164,118,34,.19)}
.account-subnav{margin:0 0 14px;padding:4px;border:1px solid var(--hub-line);border-radius:12px;background:rgba(255,255,255,.75)}
.account-subnav>div:not([hidden]){display:flex;flex-wrap:wrap;gap:4px}
.account-subnav button{min-height:33px;padding:0 13px;border:1px solid transparent;border-radius:9px;background:transparent;color:#667d93;font:inherit;font-size:.63rem;font-weight:800;cursor:pointer}
.account-subnav button.is-active{background:#fff6e3;border-color:rgba(201,147,40,.25);color:#76541a}
.account-overview-v3{min-width:0}
.account-attention{margin-bottom:12px;padding:13px 15px;border:1px solid rgba(206,152,50,.23);border-radius:13px;background:rgba(255,253,247,.92)}
.account-attention.is-clear{padding:7px 12px;border-color:rgba(38,144,105,.12);background:rgba(246,251,248,.9)}
.account-attention.is-clear .account-section-title{display:none}
.account-section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.account-section-title h2,.account-home-section h2,.account-home-aside h2{margin:3px 0;font-size:.82rem;color:var(--hub-ink)}
.account-overview-v3 .attention-list{margin:0;gap:6px}
.account-overview-v3 .attention-item{min-height:43px;padding:8px 10px;grid-template-columns:23px minmax(0,1fr) auto;border-radius:10px}
.account-overview-v3 .attention-item strong{font-size:.62rem}.account-overview-v3 .attention-item p{font-size:.55rem}.account-overview-v3 .attention-item .attention-mark{width:23px;height:23px;font-size:.68rem}
.attention-clear{margin:0;color:#41765d;font-size:.61rem;line-height:1.8;font-weight:700}
.account-home-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(238px,.73fr);align-items:start;gap:12px}
.account-home-primary,.account-home-aside{display:grid;gap:12px;min-width:0;align-content:start}
.account-overview-v3 .account-card{padding:15px 16px;border:1px solid var(--hub-line)!important;border-radius:15px!important;background:#fff!important;box-shadow:var(--hub-shadow)!important;min-width:0}
.account-overview-v3 .card-heading{align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(37,94,154,.09)}
.account-overview-v3 .card-heading h2{font-size:.86rem}.account-overview-v3 .card-heading .text-button{white-space:nowrap;min-height:30px}
.account-context-note{margin:4px 0 0;color:#7c8797;font-size:.54rem;line-height:1.4}
.account-home-projects{gap:0}
.account-home-projects .compact-item{min-height:59px;border:0;border-radius:0;border-bottom:1px solid rgba(47,111,177,.1);background:transparent;padding:10px 4px;box-shadow:none}
.account-home-projects .compact-item:first-child{padding-top:3px}.account-home-projects .compact-item:last-child{border-bottom:0}
.account-home-projects .compact-item strong{font-size:.67rem}.account-home-projects .compact-item p{margin:4px 0 0;font-size:.55rem;color:#7a899b}
.overview-project-action{font-size:.58rem;color:#1c6dba;padding:8px}
.home-quiet-cta{padding-top:10px;border-top:1px solid rgba(47,111,177,.07)}.home-quiet-cta a{font-size:.62rem;text-decoration:none;color:#946b22;font-weight:850}
.account-updates{display:grid;gap:0}
.account-updates .activity-item{grid-template-columns:minmax(0,1fr) auto;min-height:49px;padding:9px 2px;border:0;border-bottom:1px solid rgba(47,111,177,.08);background:transparent;border-radius:0}
.account-updates .activity-item:last-child{border-bottom:0}.account-updates .activity-item strong{font-size:.59rem}
.account-updates .activity-item p{font-size:.52rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}
.account-updates .activity-item time{font-size:.5rem;color:#8493a3;white-space:nowrap}
.home-inline-link{border:0;background:transparent;cursor:pointer;color:#2372b7;padding:9px 0 0;font:inherit;font-size:.6rem;font-weight:800}
.home-empty-note{margin:0;padding:9px 0;color:var(--acc-muted);font-size:.64rem;line-height:1.65}
.account-home-finance .home-finance-label{display:block;margin-top:8px;color:#8492a2;font-size:.55rem;font-weight:800}
.account-home-finance .home-finance-value{display:block;margin:4px 0 12px;font-size:clamp(1.3rem,2vw,1.85rem);font-variant-numeric:tabular-nums;letter-spacing:-.025em;color:#233d56}
.home-finance-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid var(--hub-line);font-size:.6rem;color:#74869a}
.home-finance-foot b{font-size:.69rem;color:#294a65}
.home-finance-action{display:block;width:100%;margin-top:10px;padding:10px 8px;border:1px solid rgba(201,147,40,.2);border-radius:9px;background:#fff8e9;color:#76551c;font:inherit;font-size:.6rem;font-weight:850;text-align:center;cursor:pointer}
.home-files-list{display:grid;gap:1px}
.home-file-row{display:grid;grid-template-columns:25px minmax(0,1fr) 18px;gap:8px;align-items:center;width:100%;min-height:44px;padding:7px 2px;border:0;border-bottom:1px solid rgba(37,91,143,.07);background:transparent;color:var(--hub-ink);font:inherit;text-align:start;cursor:pointer}
.home-file-row:last-child{border-bottom:0}.home-file-row:hover{background:#f6faff}.home-file-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:#eef5fc;color:#2476b9}
.home-file-row span:nth-child(2){min-width:0}
.home-file-row b,.home-file-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-file-row b{font-size:.6rem}.home-file-row small{font-size:.5rem;color:#8795a3;margin-top:3px}.home-file-arrow{color:#6696bf}
.account-overview-v3 .empty-box{border:0;background:transparent;padding:18px 2px;font-size:.62rem;text-align:start}
.account-page .account-view:not(.is-active){display:none!important}
.account-page .account-subnav button:focus-visible,.account-page .account-nav-item:focus-visible,.account-page .home-file-row:focus-visible,.account-page .home-finance-action:focus-visible{outline:2px solid #3687c9;outline-offset:2px}
html[data-theme="dark"] .account-page .account-subnav,html[data-theme="dark"] .account-overview-v3 .account-card{background:#162636!important;border-color:#31465b!important;color:#deebf5}
html[data-theme="dark"] .account-overview-v3 :is(h2,.home-finance-value,.home-file-row b){color:#e2ebf5}
html[data-theme="dark"] .account-attention.is-clear{background:#142b24}
@media(max-width:1080px){
 .account-shell{grid-template-columns:157px minmax(0,1fr);gap:11px}
 .account-home-grid{grid-template-columns:minmax(0,1.25fr) minmax(208px,.75fr);gap:10px}
 .account-top-controls{flex-basis:415px}
}
@media(max-width:900px){
 .account-main{padding:10px 10px 75px}
 .account-shell{grid-template-columns:1fr;gap:11px}
 .account-sidebar{position:relative;top:auto;padding:6px 8px;min-height:0;gap:0;border-radius:12px}
 .account-sidebar .account-person{display:none!important}
 .account-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;overflow:visible}
 .account-nav-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:49px;padding:4px 1px;border-radius:9px}
 .account-nav-item>span{display:grid!important;place-items:center;font-size:1rem;width:auto;height:18px}
 .account-nav-item b{display:block!important;white-space:nowrap;font-size:.54rem;font-weight:800}
 .account-nav-item i{position:absolute;top:1px;inset-inline-end:0;width:auto;min-width:15px;height:15px;font-size:.45rem}
 .account-top{padding:12px 13px;margin-bottom:10px;border-radius:13px}
 .account-top h1{font-size:1.25rem}
 .account-home-grid{grid-template-columns:minmax(0,1.5fr) minmax(200px,.75fr)}
 .account-subnav{margin-bottom:10px}
}
@media(max-width:650px){
 .account-top{flex-direction:column;align-items:stretch;gap:11px}
 .account-top-controls{width:100%;flex:0 0 auto}
 .account-top-controls .account-search-wrap{flex:1;min-width:0}
 .account-top-controls .account-search-wrap input{height:39px}
 .account-start-button{min-height:39px;padding:0 9px;font-size:.58rem}
 .account-top p{font-size:.6rem}
 .account-home-grid{grid-template-columns:1fr;gap:10px}
 .account-home-primary,.account-home-aside{gap:10px}
 .account-overview-v3 .account-card{padding:13px 12px!important}
 .account-subnav>div:not([hidden]){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .account-subnav button{flex:0 0 auto;min-height:35px;font-size:.6rem;padding:0 10px}
 .account-overview-v3 .attention-item{grid-template-columns:22px minmax(0,1fr);gap:6px}
 .account-overview-v3 .attention-item a,.account-overview-v3 .attention-item button{grid-column:2}
 .account-updates .activity-item{gap:4px}
}

/* Customer Hub V3 readability and condensed actionable updates. */
.account-nav-item b{font-size:.73rem}
.account-overview-v3 .card-heading h2{font-size:.95rem}
.account-home-projects .compact-item strong{font-size:.76rem}
.account-home-projects .compact-item p{font-size:.64rem;line-height:1.6}
.account-updates .activity-item{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center}
.account-updates .activity-item strong{font-size:.71rem}
.account-updates .activity-item p{font-size:.64rem}
.account-updates .activity-item time{font-size:.57rem}
.account-updates .activity-item .activity-open{display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid rgba(47,111,177,.1);border-radius:8px;background:#f8fbff;color:#2673b6;font:inherit;cursor:pointer}
.account-updates .activity-item .activity-open:hover{background:#edf5ff}
.account-home-finance .home-finance-label,.home-finance-foot,.home-finance-action{font-size:.69rem}
.home-file-row b{font-size:.72rem}.home-file-row small{font-size:.62rem}
.account-overview-v3 .card-heading .text-button{font-size:.68rem}
.account-overview-v3 :is(.activity-open,.overview-project-action):focus-visible{outline:2px solid #3181c4;outline-offset:2px}
@media(max-width:900px){.account-nav-item b{font-size:.62rem}}
@media(max-width:650px){.account-updates .activity-item{gap:4px}.account-updates .activity-item time{font-size:.53rem}}