:root{--ink:#12242e;--ink-soft:#1c3542;--ink-mid:#2b4450;--slate:#46565d;--muted:#7c8a90;--line:#b9c4c4;--cream:#eeebe3;--sand:#dedacd;--paper:#f3ecdc;--gold:#a9832e;--gold-deep:#7a5d22;--green:#1f7a54;--green-soft:#e4f0ea;--amber:#c1721e;--amber-soft:#fbeedd;--coral:#b3432f;--coral-soft:#f8e7e3;--white:#fff;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;--radius:14px;--shadow:0 18px 40px #12242e1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 12% 8%,#a9832e29,#0000 34%),radial-gradient(circle at 88% 0,#1f7a541f,#0000 28%),linear-gradient(160deg,#f7f4ec 0%,#eeebe3 42%,#e7e2d5 100%)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-size:20px;line-height:1}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#f7f4ecd1;border-bottom:1px solid #12242e14;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--cream);border:3px solid var(--gold);width:36px;height:36px;box-shadow:inset 0 0 0 6px var(--cream);border-radius:50%;place-items:center;display:grid}.brand-mark span{background:var(--green);border-radius:4px;width:14px;height:14px;display:block}.brand-copy{flex-direction:column;gap:.05rem;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.15rem;font-weight:600}.brand-sub{color:var(--muted);font-size:.78rem}.surface-switch{background:#12242e0f;border-radius:999px;gap:2px;padding:4px;display:inline-flex}.surface-switch a{color:var(--slate);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s}.surface-switch a.active{background:var(--ink);color:var(--white)}.layout{flex:1;grid-template-columns:248px 1fr;align-items:stretch;gap:0;min-height:100dvh;display:grid}.sidebar{color:#fff;background:#12242e;flex-direction:column;gap:.75rem;height:100dvh;max-height:100dvh;padding:1.35rem .9rem 1.1rem;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-top{flex-direction:column;flex:1;gap:1.1rem;min-height:0;display:flex;overflow:hidden}.sidebar-top .nav-list{scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex:1;min-height:0;padding-right:.15rem;overflow-y:auto}.sidebar-brand{flex-shrink:0;align-items:center;gap:.65rem;padding:.15rem .55rem .35rem;display:flex}.sidebar-logo{color:#c9a14a;flex-shrink:0;width:22px;height:22px}.sidebar-brand-name{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;font-size:1.2rem;font-weight:600}.sidebar-role{letter-spacing:.08em;text-transform:uppercase;color:#8fa2aa;flex-shrink:0;margin:-.35rem .55rem .35rem;font-size:.72rem;font-weight:700}.nav-count{color:#fff;background:#c1721e;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:.68rem;font-weight:700;display:inline-grid}.sidebar-bottom{background:#12242e;border-top:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:.85rem;margin:0 .2rem;padding-top:.95rem;display:flex}.firm-chip{color:#fff;align-items:center;gap:.7rem;min-width:0;padding:.35rem .45rem;display:flex}.sidebar-logout{color:#8fa2aa;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;margin-left:auto;transition:background .15s,color .15s;display:grid}.sidebar-logout:hover{color:#fff;background:#ffffff14}.sidebar-logout .material-symbols-outlined{font-size:18px}.firm-avatar{color:#aebbc0;background:#1c3542;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:.78rem;font-weight:700;display:grid}.firm-chip-text{min-width:0}.firm-chip strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:650;line-height:1.2;display:block;overflow:hidden}.firm-chip span{color:#8fa2aa;font-size:.74rem}.nav-list{flex-direction:column;gap:.2rem;display:flex}.nav-list a{color:#aebbc0;border-radius:10px;align-items:center;gap:.7rem;padding:.72rem .8rem;font-size:.94rem;font-weight:550;transition:background .15s,color .15s;display:flex}.nav-list a .material-symbols-outlined{color:inherit;font-size:20px}.nav-list a:hover{color:#fff;background:#ffffff0a}.nav-list a.active{color:#fff;background:#1c3542}.nav-check{background:#1f7a54;border-radius:50%;flex-shrink:0;place-items:center;width:16px;height:16px;margin-left:auto;display:grid}.nav-check .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 700, "GRAD" 0, "opsz" 20;color:#fff!important;font-size:12px!important}.content{padding:1.75rem 1.75rem 3rem}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.8rem,2.4vw,2.4rem);font-weight:600;line-height:1.1}.page-header p{color:var(--slate);max-width:42ch;margin-top:.4rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.stat{border-radius:var(--radius);background:#ffffffb8;border:1px solid #12242e0f;padding:1.1rem 1.15rem}.stat label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.stat strong{font-family:var(--font-display);font-size:1.35rem;font-weight:600}.panel{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #12242e0f;border-radius:18px;padding:1.25rem}.panel+.panel{margin-top:1rem}.panel-title{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.panel-title h2{font-family:var(--font-display);font-size:1.2rem;font-weight:600}.panel-title p,.muted{color:var(--muted);font-size:.92rem}.btn{border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.05rem;font-size:.92rem;font-weight:650;transition:transform .15s,background .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--white)}.btn-primary:hover{background:var(--ink-soft)}.btn-primary:disabled{background:var(--line);cursor:not-allowed}.btn-secondary{color:var(--ink);background:0 0;border:1px solid #12242e29}.btn-secondary:hover{background:#12242e0a}.btn-ghost{color:var(--slate);padding-inline:.55rem}.btn-accent{background:var(--green);color:var(--white)}.callout{background:var(--amber-soft);border:1px solid #c1721e2e;border-radius:14px;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;display:flex}.callout.success{background:var(--green-soft);border-color:#1f7a542e}.callout.danger{background:var(--coral-soft);border-color:#b3432f2e}.callout .material-symbols-outlined{color:var(--amber);margin-top:2px}.callout.success .material-symbols-outlined{color:var(--green)}.callout.danger .material-symbols-outlined{color:var(--coral)}.callout strong{margin-bottom:.15rem;display:block}.callout p{color:var(--slate);font-size:.92rem}.account-card{gap:1rem;display:grid}.account-card.is-primary{box-shadow:0 0 0 1px #a9832e1f, var(--shadow);border-color:#a9832e59}.account-list{gap:1rem;display:grid}.account-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.account-add-tile{text-align:left;width:100%;color:var(--ink);background:#fff6;border:1.5px dashed #12242e38;border-radius:18px;justify-items:start;gap:.35rem;padding:1.35rem 1.25rem;transition:border-color .15s,background .15s;display:grid}.account-add-tile:hover{border-color:var(--gold);background:#ffffffb3}.account-add-tile .material-symbols-outlined{color:var(--gold);font-size:28px}.account-add-tile strong{font-size:1rem}.account-add-tile span:last-child{color:var(--muted);font-size:.9rem}.account-head{align-items:center;gap:.85rem;display:flex}.account-icon{background:var(--ink);width:48px;height:48px;color:var(--sand);border-radius:14px;place-items:center;display:grid}.badge{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .55rem;font-size:.75rem;font-weight:700;display:inline-flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.detail-item{background:#12242e08;border-radius:12px;padding:.85rem .95rem}.detail-item label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.detail-item strong{font-size:.98rem}.matter-list{flex-direction:column;gap:.65rem;display:flex}.matter-row{text-align:left;background:#ffffffe6;border:1px solid #12242e14;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem 1.05rem;transition:border-color .15s,background .15s;display:flex}.matter-row:hover{background:#fff;border-color:#a9832e59}.matter-row h3{font-size:1rem;font-weight:700}.matter-row p{color:var(--muted);margin-top:.2rem;font-size:.9rem}.form-grid{gap:.9rem;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--slate);font-size:.82rem;font-weight:650}.field input,.field select,.field textarea{width:100%;color:var(--ink);background:#ffffffe6;border:1px solid #12242e24;border-radius:12px;outline:none;padding:.75rem .85rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #a9832e2e}.field .hint{color:var(--muted);font-size:.78rem}.error{color:var(--coral);font-size:.88rem;font-weight:600}.field-hint{color:var(--muted);font-size:.88rem;font-weight:600}.field-hint.is-error{color:var(--coral)}.field-hint.is-success{color:var(--green)}.bank-list{gap:.55rem;display:grid}.bank-row{background:#12242e08;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.95rem 1rem;font-weight:650;display:flex}.bank-row:hover{background:#12242e0f}.modal-backdrop{z-index:50;background:#12242e7a;place-items:center;padding:1rem;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--cream);width:min(440px,100%);box-shadow:var(--shadow);border-radius:20px;padding:1.35rem;animation:.28s rise-in}.fiskil-modal{width:min(480px,100%)}.fiskil-flow{flex-wrap:wrap;gap:.35rem;margin:0 0 1rem;list-style:none;display:flex}.fiskil-flow-step{letter-spacing:.01em;color:var(--muted);background:#12242e0f;border-radius:999px;padding:.28rem .55rem;font-size:.72rem;font-weight:700}.fiskil-flow-step.active{background:var(--amber-soft);color:var(--amber)}.fiskil-flow-step.done{background:var(--green-soft);color:var(--green)}.fiskil-account-list{text-align:left;gap:.45rem;margin-top:1rem;list-style:none;display:grid}.fiskil-account-list li{background:#ffffffb8;border-radius:12px;flex-direction:column;gap:.15rem;padding:.7rem .8rem;display:flex}.fiskil-account-list span{color:var(--muted);font-size:.85rem}.fiskil-return{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.fiskil-return .panel{width:min(440px,100%)}.modal h2{font-family:var(--font-display);margin-bottom:.35rem;font-size:1.35rem}.modal>p{color:var(--slate);margin-bottom:1rem}.modal-actions{gap:.6rem;margin-top:1.1rem;display:flex}.consent-list{gap:.45rem;margin:.85rem 0 .35rem;list-style:none;display:grid}.consent-list li{background:#ffffffb3;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem .75rem;font-size:.92rem;display:flex}.spinner{border:3px solid #12242e1f;border-top-color:var(--gold);border-radius:50%;width:36px;height:36px;margin:1rem auto;animation:.8s linear infinite spin}.client-shell{place-items:center;min-height:100dvh;padding:1.5rem;display:grid;position:relative}.client-shell.is-standalone{place-items:stretch stretch;padding:0}.client-install-banner{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));color:#fff;width:min(390px,100% - 1.5rem);box-shadow:var(--shadow);z-index:30;background:#12242ef0;border-radius:16px;gap:.75rem;padding:.95rem 1rem;display:grid;position:fixed;transform:translate(-50%)}.client-install-copy strong{margin-bottom:.2rem;font-size:.92rem;display:block}.client-install-copy p{color:#c5d0d4;font-size:.82rem;line-height:1.45}.client-install-em{color:#dedacd;font-weight:700}.client-install-hint{color:#aebbc0;font-size:.78rem;line-height:1.4}.client-install-hint em{color:#dedacd;font-style:normal;font-weight:700}.client-install-actions{align-items:center;gap:.45rem;display:flex}.client-install-btn{flex:1;padding-block:.65rem}.client-install-dismiss{color:#aebbc0;padding-inline:.55rem}.client-install-banner.is-ios{bottom:max(4.75rem, calc(env(safe-area-inset-bottom) + 3.5rem));padding-bottom:1.15rem}.ios-install-steps{gap:.55rem;margin:.15rem 0 .1rem;list-style:none;display:grid}.ios-install-steps li{color:#d8e0e3;align-items:center;gap:.7rem;font-size:.86rem;line-height:1.35;display:flex}.ios-install-steps em{color:#dedacd;font-style:normal;font-weight:700}.ios-install-icon{color:#dedacd;background:#ffffff14;border:1px solid #dedacd38;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.ios-install-icon .material-symbols-outlined{font-size:20px}.ios-install-arrow{color:#c9a14a;justify-content:flex-start;padding-left:8px}.ios-install-arrow .material-symbols-outlined{font-size:18px;animation:1.4s ease-in-out infinite ios-install-arrow-nudge}.ios-install-pointer{color:#dedacd;background:#12242e;border:1px solid #c9a14a73;border-radius:50%;place-items:center;width:42px;height:42px;animation:1.4s ease-in-out infinite ios-install-nudge;display:grid;position:absolute;bottom:-.35rem;left:50%;box-shadow:0 8px 18px #12242e47}.ios-install-pointer .material-symbols-outlined{font-size:22px}@keyframes ios-install-nudge{0%,to{transform:translate(-50%,100%)}50%{transform:translate(-50%,calc(100% + 6px))}}@keyframes ios-install-arrow-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.client-shell.is-standalone .phone{width:100%;min-height:100dvh;box-shadow:none;padding-top:max(1.35rem, env(safe-area-inset-top));padding-bottom:max(1.5rem, env(safe-area-inset-bottom));border:none;border-radius:0}.client-proto-bar{color:var(--muted);align-items:center;gap:.45rem;font-size:.85rem;font-weight:650;display:flex;position:absolute;top:1rem;right:1.25rem}.client-proto-bar a{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.phone{width:min(390px,100%);min-height:720px;box-shadow:var(--shadow);background:linear-gradient(#fffffff0,#f7f4ecf5);border:1px solid #12242e14;border-radius:32px;flex-direction:column;gap:1rem;padding:1.35rem 1.2rem 1.5rem;animation:.35s rise-in;display:flex}.phone-top{justify-content:space-between;align-items:center;display:flex}.client-header-logo{width:22px;height:22px;color:var(--gold);flex-shrink:0}.client-intro{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem .5rem 2rem;display:flex}.client-intro-mark{background:#a9832e14;border:1px solid #a9832e47;border-radius:50%;place-items:center;width:88px;height:88px;margin-bottom:.35rem;display:grid}.client-intro-logo{width:42px;height:42px;color:var(--gold)}.client-intro h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:2rem;font-weight:600}.client-intro .lede{max-width:28ch;margin-bottom:.45rem}.client-intro .btn{width:100%;max-width:260px}.client-intro .footer-note{margin-top:.35rem}.phone h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;line-height:1.15}.phone .lede{color:var(--slate);font-size:.95rem}.otp-row,.pin-row{justify-content:center;gap:.45rem;display:flex}.otp-row input,.pin-row input{text-align:center;background:#fff;border:1px solid #12242e24;border-radius:12px;width:44px;height:52px;font-size:1.2rem;font-weight:700}.otp-row input:focus,.pin-row input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #a9832e2e}.otp-row input[type=password],.pin-row input[type=password]{letter-spacing:.1em;font-family:inherit}.sms-bubble{background:var(--ink);color:#fff;border-radius:18px 18px 18px 6px;padding:1rem 1.05rem;font-size:.92rem;line-height:1.45}.sms-bubble a{color:#dedacd;font-weight:650;text-decoration:underline}.client-card{background:#fff;border:1px solid #12242e0f;border-radius:16px;padding:1rem}.client-card h3{margin-bottom:.35rem;font-size:.95rem}.stack-gap{gap:.85rem;display:grid}.payment-list{gap:.65rem;display:grid}.payment-list__heading{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 .15rem;font-size:.78rem;font-weight:700}.payment-request-card{background:#fff;border:1px solid #12242e0f;border-radius:16px;padding:1rem}.payment-request-card__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.45rem;display:flex}.payment-request-card__title{color:var(--ink);font-size:.92rem;font-weight:700;line-height:1.35}.payment-request-card__status{white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.25rem .55rem;font-size:.72rem;font-weight:700}.payment-request-card__status--awaiting{color:#2f6fad;background:#e3edf8}.payment-request-card__status--paid{background:var(--green-soft);color:var(--green)}.payment-request-card__amount{font-family:var(--font-display);color:var(--ink);margin-bottom:.35rem;font-size:1.55rem;font-weight:600;line-height:1.15}.payment-request-card__meta{color:var(--muted);word-break:break-word;font-size:.84rem;line-height:1.45}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.summary-grid strong{font-family:var(--font-display);margin-top:.15rem;font-size:1.05rem;display:block}.summary-grid .paid{color:var(--green)}.footer-note{color:var(--muted);text-align:center;margin-top:auto;font-size:.78rem}.empty{text-align:center;color:var(--muted);padding:2rem 1rem}.empty .material-symbols-outlined{color:var(--line);margin-bottom:.5rem;font-size:36px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=960px){.layout{grid-template-columns:1fr}.sidebar{gap:1rem;height:auto;max-height:none;padding:1rem .85rem;position:relative;overflow:visible}.sidebar-top{gap:.85rem;overflow:visible}.sidebar-top .nav-list{flex:none;overflow:auto visible}.sidebar-bottom{padding-top:.75rem}.nav-list{flex-direction:row}.nav-list a{white-space:nowrap}.stats,.form-grid.two,.detail-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.topbar{flex-wrap:wrap}}html:has(.login-page){height:100%;overflow:hidden}body:has(.login-page){height:100%;overflow:hidden}body:has(.login-page) #root{height:100%;overflow:hidden}.login-page{opacity:0;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);height:100dvh;max-height:100dvh;transition:opacity .45s;display:grid;overflow:hidden}.login-page.is-ready{opacity:1}.login-hero{color:#fff;height:100%;min-height:0;position:relative;overflow:hidden}.login-hero-media{position:absolute;inset:0}.login-hero-media img{object-fit:cover;object-position:center;width:100%;height:100%;animation:18s ease-out both login-kenburns;transform:scale(1.04)}.login-hero-veil{background:linear-gradient(105deg,#0a161ceb 12%,#12242ec7 48%,#12242e8c 100%),linear-gradient(#12242e59 0%,#12242e26 40%,#0a161ce0 100%);position:absolute;inset:0}.login-hero-inner{z-index:1;flex-direction:column;justify-content:space-between;gap:1.25rem;height:100%;min-height:0;padding:clamp(1.5rem,3.5vw,2.75rem);display:flex;position:relative}.login-hero-brand{align-items:center;gap:.85rem;animation:.7s both rise-in;display:inline-flex}.login-mark{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#eeebe314;border:1px solid #c9a14a73;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.login-shield{color:#d4b35c;width:22px;height:22px}.login-wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.55rem,2.2vw,1.9rem);font-weight:600}.login-hero-copy{max-width:min(34rem,92%);animation:.8s .1s both rise-in}.login-hero-copy h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin-bottom:.9rem;font-size:clamp(2.1rem,3.6vw,3.15rem);font-weight:550;line-height:1.12}.login-hero-copy p{color:#dedacde0;max-width:42ch;font-size:1rem;font-weight:400;line-height:1.5}.login-seal{pointer-events:none;animation:1s .2s both login-seal-in;position:absolute;bottom:clamp(4.5rem,12vh,7rem);right:clamp(1.5rem,5vw,4rem)}.login-seal-ring{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12242e47;border:1px solid #c9a14a59;border-radius:50%;place-items:center;width:clamp(100px,13vw,148px);height:clamp(100px,13vw,148px);display:grid;box-shadow:inset 0 0 0 10px #eeebe30a}.login-seal-icon{color:#d4b35ce6;width:42%;height:42%}.login-hero-meta{color:#aebbc0e6;letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.55rem .7rem;font-size:.82rem;font-weight:550;animation:.75s .18s both rise-in;display:flex}.login-dot{background:#c9a14abf;border-radius:50%;width:3px;height:3px}.login-panel{background:linear-gradient(#ffffff59,#0000 28%),repeating-linear-gradient(-12deg,#0000,#0000 11px,#12242e04 11px 12px),linear-gradient(165deg,#f8f5ed 0%,#eeebe3 52%,#e4dfd1 100%);place-items:center;height:100%;min-height:0;padding:clamp(1.25rem,3vw,2.5rem);display:grid;overflow:hidden}.login-panel-inner{width:min(400px,100%);max-height:100%;animation:.7s .12s both rise-in}.login-card-head{margin-bottom:1.25rem}.login-kicker{letter-spacing:.1em;text-transform:uppercase;color:#8a6a28;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.login-card-head h2{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:.35rem;font-size:clamp(1.75rem,2.2vw,2.15rem);font-weight:600}.login-card-head p{color:var(--slate);font-size:.94rem;line-height:1.45}.login-form{gap:.85rem;display:grid}.login-field input{background:#ffffffd1;border:1px solid #12242e1f;border-radius:10px;padding:.8rem .95rem;transition:border-color .15s,box-shadow .15s,background .15s}.login-field input:hover{border-color:#12242e38}.login-field input:focus{background:#fff;border-color:#a9832e;box-shadow:0 0 0 3px #a9832e29}.login-label-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.login-text-btn{color:#7a5d22;font-size:.8rem;font-weight:650}.login-text-btn:hover{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.login-password{position:relative}.login-password input{width:100%;padding-right:2.85rem}.login-eye{width:36px;height:36px;color:var(--muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.login-eye:hover{color:var(--ink);background:#12242e0d}.login-remember{color:var(--slate);-webkit-user-select:none;user-select:none;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.login-remember input{accent-color:#12242e;width:15px;height:15px}.login-submit{border-radius:11px;width:100%;margin-top:.2rem;padding-block:.85rem;font-size:.96rem}.login-submit:disabled{opacity:.88}.login-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.login-divider{margin:1.15rem 0 .95rem}.login-divider span{background:linear-gradient(90deg,#0000,#12242e24,#0000);height:1px;display:block}.login-alt{text-align:center;color:var(--muted);font-size:.9rem}.login-alt a{color:var(--ink);text-underline-offset:3px;font-weight:700;text-decoration:underline}.login-footnote{text-align:center;color:#9aa7ad;letter-spacing:.02em;margin-top:1rem;font-size:.74rem}@keyframes login-kenburns{0%{transform:scale(1.08)}to{transform:scale(1.02)}}@keyframes login-seal-in{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=960px){html:has(.login-page){height:auto;overflow:auto}body:has(.login-page){height:auto;overflow:auto}body:has(.login-page) #root{height:auto;overflow:auto}.login-page{grid-template-columns:1fr;height:auto;min-height:100dvh;max-height:none;overflow:visible}.login-hero{height:auto;min-height:38dvh}.login-hero-inner{height:auto;min-height:38dvh;padding:1.25rem 1.25rem 1.4rem}.login-hero-copy{max-width:min(34rem,100%)}.login-hero-copy h1{max-width:none;font-size:clamp(1.9rem,6.5vw,2.4rem)}.login-hero-copy p{max-width:none}.login-seal{display:none}.login-panel{align-items:start;height:auto;padding:1.5rem 1.25rem 2rem;overflow:visible}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.companies-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.1rem;display:flex}.companies-search{flex:1;min-width:min(100%,260px);position:relative}.companies-search input{padding-left:2.55rem}.companies-search-icon{color:var(--muted);pointer-events:none;font-size:20px;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.status-filters{flex-wrap:wrap;gap:.4rem;display:flex}.status-chip{color:var(--slate);background:#ffffff8c;border:1px solid #12242e1a;border-radius:10px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.85rem;font-weight:650;display:inline-flex}.status-chip span{color:var(--muted);font-size:.75rem;font-weight:700}.status-chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.status-chip.active span{color:#aebbc0}.company-table-wrap{margin:0 -.25rem;overflow-x:auto}.company-table{border-collapse:collapse;width:100%;min-width:760px}.company-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid #12242e14;padding:.55rem .75rem;font-size:.72rem;font-weight:700}.company-table td{vertical-align:middle;border-bottom:1px solid #12242e0f;padding:.85rem .75rem;font-size:.94rem}.company-table tbody tr:hover td{background:#12242e06}.company-name-link{align-items:center;gap:.75rem;min-width:0;display:flex}.company-name-link strong{font-size:.95rem;display:block}.company-name-link small{color:var(--muted);margin-top:.15rem;font-size:.78rem;display:block}.company-avatar{background:var(--ink);color:#dedacd;border-radius:11px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:.75rem;font-weight:700;display:grid}.company-avatar.lg{border-radius:14px;width:52px;height:52px;font-size:.9rem}.status-badge{border-radius:999px;align-items:center;padding:.28rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-active{background:var(--green-soft);color:var(--green)}.status-pending{background:var(--amber-soft);color:var(--amber)}.status-suspended{background:var(--coral-soft);color:var(--coral)}.inline-ok{color:var(--green);align-items:center;gap:.3rem;font-size:.9rem;font-weight:650;display:inline-flex}.inline-ok .material-symbols-outlined{font-size:16px}.company-row-cta{color:var(--slate);font-weight:650}.company-detail-head{align-items:center;gap:.95rem;display:flex}.company-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.onboard-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.onboard-steps{gap:.55rem;padding:.35rem 0;display:grid}.onboard-step{color:var(--muted);border-radius:12px;align-items:flex-start;gap:.7rem;padding:.75rem .8rem;display:flex}.onboard-step strong{color:var(--slate);font-size:.9rem;display:block}.onboard-step small{margin-top:.15rem;font-size:.78rem;display:block}.onboard-step.active{color:var(--ink);background:#12242e0d}.onboard-step.active strong{color:var(--ink)}.onboard-step.done .onboard-step-num{background:var(--green);color:#fff;border-color:var(--green)}.onboard-step-num{background:#fff;border:1px solid #12242e24;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:.8rem;font-weight:700;display:grid}.onboard-step.active .onboard-step-num{background:var(--ink);color:#fff;border-color:var(--ink)}.onboard-step-num .material-symbols-outlined{font-size:16px}.onboard-panel{min-width:0}.onboard-actions{border-top:1px solid #12242e14;justify-content:space-between;gap:.75rem;margin-top:1.35rem;padding-top:1.1rem;display:flex}@media (width<=960px){.company-detail-grid,.onboard-layout{grid-template-columns:1fr}.onboard-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.onboard-step small{display:none}}
