@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{--nav:#102e33;--ink:#183135;--muted:#738185;--line:#e4eae9;--bg:#f5f7f7;--teal:#147568;--cream:#fff7e8;--red:#b33e38;--radius:12px;font-family:'Noto Sans JP',sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #60bbad;outline-offset:3px}h1,h2,h3,p{margin:0}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#d8e6e4;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;color:white;letter-spacing:.03em}.brand-symbol{width:38px;height:42px;border:1px solid #537774;display:grid;place-items:center;border-radius:10px;color:#b5d8bb;font-size:20px}.brand small{display:block;font-size:8px;letter-spacing:.2em;font-weight:400;color:#95afad;margin-top:3px}.workspace{font-size:10px;color:#b3cbc7;background:#204044;padding:8px 10px;border-radius:6px;margin:28px 0 22px;display:flex;align-items:center;gap:8px}.workspace i,.trial-dot{display:inline-block;width:6px;height:6px;background:#d9b25e;border-radius:50%;flex-shrink:0}nav{display:grid;gap:6px}nav a{padding:13px 12px;border-radius:7px;color:#adbfbd;display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}nav a>span{font-size:20px;font-family:Arial;width:20px;text-align:center;font-weight:400}nav a:hover{background:#1e4145;color:white}nav a.active{background:#2d514f;color:white;font-weight:700;border-left:3px solid #b6d4a7;padding-left:9px}nav em{font-style:normal;font-size:10px;border-radius:4px;background:#406461;padding:0 6px;margin-left:auto}.sidebar-foot{margin-top:auto;border-top:1px solid #315053;padding-top:20px}.lock-dot{font-size:10px;color:#b9cdbb}.sidebar-foot p{font-size:12px;line-height:1.8;color:#91abaa;margin:14px 0 24px}.sidebar-foot>span{font-size:10px;color:#789694}.shell{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:83px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:16px}.breadcrumb{font-size:11px;color:#82908f;white-space:nowrap}.breadcrumb span{padding:0 12px;color:#c4cfcc}.breadcrumb b{color:#52645f;font-weight:500}.account-control{display:flex;align-items:center;gap:12px}.demo-pill{font-size:9px;color:#7a6b49;border:1px solid #e6dece;padding:3px 6px;border-radius:4px}.account-control select{border:0;max-width:235px;color:#394d48;font-size:11px;background:#fff;padding:5px 18px 5px 4px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8eee6;color:#3e6757;font-weight:600;font-size:12px}.trial-banner{background:#fcfaf4;border-bottom:1px solid #eae5d6;font-size:10px;padding:10px 38px;display:flex;gap:10px;align-items:center;color:#80755d}.trial-banner b{font-size:9px;letter-spacing:.1em;color:#927c47}main{padding:34px 38px 30px;width:100%;max-width:1650px;align-self:center}.eyebrow{font-size:9px;letter-spacing:.18em;color:#83938b;font-weight:600}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{font-size:27px;font-weight:600;letter-spacing:.02em;margin:3px 0 7px}.page-heading p{font-size:11px;color:var(--muted)}.heading-actions{display:flex;align-items:center;gap:8px}.button{border-radius:7px;border:1px solid transparent;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;font-weight:600;min-height:39px;background:none;color:var(--ink)}.button.primary{background:var(--teal);color:#fff;box-shadow:0 3px 8px #14756813}.button.primary:hover{background:#0d6257}.button.secondary{border-color:#dce4e1;background:#fff;color:#52645f}.button.ghost{color:var(--teal);padding:5px 0;font-size:11px;min-height:30px}.button.danger{color:#b24238;background:#fff4f1;border-color:#f2d7ce}.button.small{padding:6px 10px;min-height:32px;font-size:10px}.new-plus{font-size:19px;font-weight:400;line-height:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 20px 16px;position:relative;text-align:left;min-height:125px;display:block;width:100%}.stat .stat-label{font-size:10px;color:#7b8983}.stat-number{font-size:29px;font-weight:500;letter-spacing:-.03em;margin:6px 0 4px;font-family:Arial,'Noto Sans JP',sans-serif}.stat-number small{font-size:11px;font-family:'Noto Sans JP',sans-serif;color:#83928b;margin-left:5px;font-weight:400}.stat-caption{font-size:9px;color:#97a19c}.stat-icon{position:absolute;right:17px;top:18px;font-size:17px;color:#8fa69b;background:#f3f7f2;width:30px;height:30px;display:grid;place-items:center;border-radius:7px}.stat.warning .stat-number{color:#af6830}.stat.warning .stat-icon{background:#fff3dd;color:#b58842}.stat:hover{border-color:#bacfc4;box-shadow:0 3px 12px #163a2510}.alert-strip{background:#fff8ef;border:1px solid #efdfc4;border-radius:9px;padding:14px 18px;display:flex;align-items:center;gap:13px;margin-bottom:24px}.alert-strip .alert-icon{height:27px;width:27px;border-radius:50%;background:#f5e6cc;color:#ad762b;display:grid;place-items:center;font-size:15px;flex-shrink:0}.alert-strip b{font-size:11px;color:#795f3a}.alert-strip p{font-size:10px;color:#a18a68;margin-top:2px}.alert-strip .button{margin-left:auto;white-space:nowrap;color:#95703b;font-size:10px}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-heading{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eef1ef}.panel-heading h2{font-size:13px;font-weight:600}.panel-heading .subline{font-size:10px;color:#8b9690;margin-top:3px}.panel-badge{color:#8e9b94;font-size:10px;font-weight:400;margin-left:8px}.tabs{display:flex;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{border:0;background:transparent;padding:13px 0 11px;font-size:10px;color:#8d9892;border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center}.tab.active{border-bottom-color:var(--teal);color:var(--teal);font-weight:600}.tab span{font-size:9px;background:#f2f4f2;border-radius:4px;padding:1px 5px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px}thead{background:#fbfcfa;color:#89958e;font-size:9px}th{text-align:left;font-weight:500;padding:12px 14px;white-space:nowrap;border-bottom:1px solid #edf0ed}td{padding:16px 14px;border-bottom:1px solid #edf0ed;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf9}.vendor-name{font-weight:600;white-space:nowrap;font-size:11px}.invoice-id{font-size:9px;color:#9aa59d;margin-top:4px}.record-id{font-size:9px;letter-spacing:.04em;color:#91a297;font-family:monospace}.amount{text-align:right;font-family:Arial,'Noto Sans JP',sans-serif;font-weight:600;font-size:13px;white-space:nowrap}.amount::first-letter{font-size:10px}th.align-right{text-align:right}.subtext{font-size:9px;color:#91a098;margin-top:3px}.type{font-size:9px;border:1px solid #e1e7e1;padding:3px 6px;border-radius:4px;white-space:nowrap;color:#708275;background:white}.type.reimbursement{background:#f6f1fb;color:#866a9c;border-color:#ede3f5}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:4px;font-size:9px;white-space:nowrap;font-weight:500}.badge::before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.badge.blue{background:#edf4fb;color:#6385a4}.badge.teal{background:#eaf5f0;color:#3a8470}.badge.purple{background:#f0edfa;color:#8467ab}.badge.amber{background:#fff4df;color:#a37b37}.badge.green{background:#e8f3e7;color:#60895c}.badge.gray{background:#f0f2f0;color:#85928a}.badge.red{background:#fff0ec;color:#b95d4b}.dupe-tag{font-size:9px;background:#fff1e2;color:#af6f30;padding:2px 5px;border-radius:3px;display:inline-block;margin:5px 0 0}.row-details{border:1px solid #dce7e0;border-radius:5px;background:white;padding:5px 8px;font-size:10px;white-space:nowrap;color:#658372}.table-footer{display:flex;justify-content:space-between;padding:13px 20px;border-top:1px solid #edf0ed;font-size:9px;color:#9ca79f}.flow-card{padding:22px}.flow-card h2{font-size:13px;margin-bottom:5px}.flow-card>p{font-size:10px;color:#9ba69c}.flow-steps{margin-top:22px;display:grid;gap:0}.flow-step{display:flex;gap:11px;position:relative;padding-bottom:24px}.flow-step:last-child{padding-bottom:0}.flow-step:not(:last-child):before{content:'';position:absolute;top:24px;bottom:2px;left:11px;width:1px;background:#e5ece5}.flow-step .number{width:23px;height:23px;display:grid;place-items:center;background:#f0f4ed;border:1px solid #dce6d8;color:#6c8a63;border-radius:50%;font:10px Arial;flex-shrink:0}.flow-step b{font-size:11px;font-weight:600}.flow-step p{font-size:9px;color:#99a597;margin-top:3px}.flow-step .flow-important{color:#a98a4e}.flow-bottom{margin-top:21px;padding-top:16px;border-top:1px solid #edf0e9;font-size:9px;line-height:1.8;color:#899a87}.recent-panel{margin-top:20px}.activity-list{padding:0 21px}.activity{display:flex;gap:10px;align-items:flex-start;padding:14px 0;border-bottom:1px solid #f0f3ee;font-size:10px}.activity:last-child{border:0}.activity-dot{background:#d2e2d2;border:3px solid #f0f5ef;width:11px;height:11px;border-radius:50%;margin-top:3px;flex-shrink:0}.activity b{font-weight:500}.activity small{display:block;color:#99a59b;font-size:9px;margin-top:4px}.activity time{margin-left:auto;color:#a6afa7;white-space:nowrap;font-size:9px}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#a1aea4;margin-top:auto;padding:0 38px 20px}.page-footer b{font-size:8px;letter-spacing:.13em;font-weight:400;margin-left:9px}.toolbar{padding:16px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}.search-input{position:relative;flex:1;min-width:220px}.search-input input{width:100%;border:1px solid var(--line);background:#fbfcfa;padding:9px 12px;border-radius:6px;font-size:11px}.toolbar select{font-size:10px;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#65766a}.empty{padding:50px 24px;text-align:center;color:#8b9c90}.empty b{display:block;font-size:15px;color:#607966;margin-bottom:8px}.empty p{font-size:11px;margin-bottom:18px}.bank-intro{display:flex;gap:18px;align-items:center;padding:25px;border-bottom:1px solid var(--line)}.bank-glyph{width:54px;height:54px;display:grid;place-items:center;border-radius:12px;background:#eef5ee;color:#64866a;font-size:26px}.bank-intro h2{font-size:16px;margin-bottom:5px}.bank-intro p{font-size:11px;color:#8b9b8e;max-width:620px}.bank-actions{display:flex;gap:10px;padding:20px;flex-wrap:wrap}.info-note{padding:16px 20px;background:#f9fbf7;border-top:1px solid var(--line);font-size:10px;color:#859681;line-height:1.9}.bank-results{margin-top:22px}.match{font-size:10px;color:#39806c}.no-match{font-size:10px;color:#9b8e72}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{padding:24px}.guide-card h2{font-size:15px;margin-bottom:14px}.guide-card p,.guide-card li{font-size:12px;line-height:2;color:#738576}.guide-card ol,.guide-card ul{padding-left:20px}.permission-table th,.permission-table td{font-size:11px;padding:13px 10px}.wide-card{grid-column:1/-1}.notice-box{background:#fcf7ed;padding:15px 18px;border:1px solid #eee2cc;border-radius:8px;color:#947b4d;font-size:11px;margin-bottom:20px}dialog{border:1px solid #d6e2d8;border-radius:14px;color:var(--ink);background:white;box-shadow:0 20px 90px #06202033;padding:0;max-height:91vh;max-height:91dvh;width:800px;max-width:calc(100vw - 28px);overflow:auto}dialog::backdrop{background:#0b252d80;backdrop-filter:blur(2px)}.detail-dialog{width:870px}.action-dialog{width:530px}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:23px 28px;border-bottom:1px solid var(--line);gap:16px;position:sticky;top:0;background:#fff;z-index:2}.dialog-header h2{font-size:20px;margin:3px 0}.icon-button{background:#f3f6f1;border:0;border-radius:50%;width:32px;height:32px;color:#778e7b;display:grid;place-items:center;font-size:22px;flex-shrink:0}.form-body{padding:23px 28px}.kind-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kind-options label{border:1px solid #e0e8de;border-radius:8px;padding:13px;display:flex;align-items:flex-start;gap:9px;cursor:pointer}.kind-options label:has(input:checked){border-color:#4c9983;background:#f1f8f2}.kind-options input{accent-color:var(--teal);margin-top:4px}.kind-options b{display:block;font-size:12px}.kind-options small{display:block;color:#93a08f;font-size:9px;margin-top:4px}.form-section{padding:24px 0;border-bottom:1px solid #eef1e9}.form-section:last-of-type{border-bottom:0}.form-section h3{font-size:12px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.form-section h3>span:first-child{font-family:Arial;font-size:10px;color:#97ab91}.form-section h3 #recipientHeading{font-size:12px;color:var(--ink);font-family:inherit}label{font-size:11px;font-weight:500;color:#657962}label em{font-style:normal;font-size:9px;background:#f2f5ed;color:#93a185;padding:1px 4px;border-radius:3px;margin-left:4px}input:not([type=radio]):not([type=checkbox]):not([type=file]),textarea,select{border:1px solid #dae3d8;border-radius:6px;padding:10px 11px;background:#fff;color:#405c40;min-width:0}label>input:not([type=radio]):not([type=checkbox]):not([type=file]),label>select,label>textarea{display:block;width:100%;margin-top:6px;font-weight:400}input::placeholder,textarea::placeholder{color:#b1bbab;font-size:11px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.upload-box{border:1px dashed #c1d2b8;background:#f9fcf6;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:20px;text-align:center;cursor:pointer;margin-bottom:16px;position:relative;overflow:hidden}.upload-box b{font-size:12px;font-weight:500;color:#60805b}.upload-box small{font-size:9px;color:#9eac96}.upload-box input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-icon{font-size:25px;color:#a0b692;line-height:1}.field-hint{font-size:9px;color:#a0ae96;margin-top:7px}.reimbursement-fields{padding:15px;background:#faf7fc;border-radius:8px}.reimbursement-fields[hidden]{display:none}.reimbursement-note{font-size:10px;line-height:1.9;color:#947da2;margin-bottom:12px}.dialog-footer{padding:17px 28px;border-top:1px solid var(--line);background:#fcfdf9;display:flex;gap:8px;align-items:center;justify-content:flex-end;position:sticky;bottom:0;z-index:2}.dialog-footer>span{font-size:9px;color:#96a58a;margin-right:auto}.duplicate-warning{border:1px solid #ecd4b0;background:#fff9ef;border-radius:8px;padding:16px;font-size:11px;color:#9a743e}.duplicate-warning strong{display:block;margin-bottom:8px}.duplicate-warning p{font-size:10px;line-height:1.8}.form-error{background:#fff0ed;border:1px solid #edc9c0;border-radius:6px;color:#b15447;padding:12px;font-size:11px;margin-bottom:15px}.detail-summary{padding:22px 28px;background:#fafcf8;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.detail-amount{font-size:31px;font-family:Arial}.detail-amount small{font-size:11px;font-family:inherit;color:#9caa94;margin-left:6px}.detail-grid{padding:24px 28px;display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.detail-section{margin-bottom:23px}.detail-section h3{font-size:12px;margin-bottom:13px}.detail-fields{display:grid;grid-template-columns:105px 1fr;gap:10px;font-size:11px}.detail-fields dt{color:#9cab94}.detail-fields dd{margin:0;overflow-wrap:anywhere}.document-card{border:1px solid var(--line);border-radius:7px;padding:13px;display:flex;align-items:center;gap:10px;font-size:10px;background:#fcfdf9}.document-label{width:29px;height:35px;background:#f3e9e4;color:#ba8e7b;border-radius:4px;display:grid;place-items:center;font-size:8px}.document-card button{margin-left:auto}.detail-submitted{font-size:10px;color:#94a386;margin:13px 0}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 28px 24px}.detail-timeline{padding:0 28px 20px;border-top:1px solid var(--line)}.detail-timeline h3{font-size:12px;margin:19px 0 7px}.detail-duplicate{margin:20px 28px 0}.duplicate-item{background:#fff;padding:12px;border:1px solid #efdfc3;border-radius:6px;margin:9px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.duplicate-item p{margin-top:3px}.status-track{display:flex;gap:0;padding:22px 28px;border-bottom:1px solid var(--line)}.track-step{flex:1;position:relative;text-align:center;font-size:9px;color:#abb6a2}.track-step:not(:last-child):after{content:'';height:1px;position:absolute;top:9px;left:65%;right:-35%;background:#e0e8d9}.track-step i{display:block;width:18px;height:18px;margin:auto auto 6px;background:#f0f4eb;border:1px solid #dde6d5;border-radius:50%;font-size:9px;font-style:normal;position:relative;z-index:1}.track-step.done{color:#5b8c60}.track-step.done i{background:#dcebd7;border-color:#bfd5b6}.track-step.current{color:var(--teal);font-weight:600}.track-step.current i{background:var(--teal);color:#fff;border-color:var(--teal)}.checkline{display:flex;align-items:flex-start;gap:8px;padding:12px 0;font-size:11px;line-height:1.9}.checkline input{accent-color:var(--teal);margin-top:5px}.toast{position:fixed;bottom:26px;left:calc(50% + 100px);transform:translateX(-50%);padding:13px 22px;border-radius:9px;background:#214d40;color:white;font-size:12px;box-shadow:0 8px 25px #0002;z-index:200;max-width:80vw}.toast.error{background:#a95747}.csv-format{background:#f7faf3;padding:14px;border-radius:6px;font-size:10px;overflow:auto;white-space:pre-wrap;color:#7a8e6c}.pill-note{font-size:10px;color:#8da184}.history-record{font-family:monospace;color:var(--teal);font-size:10px}.history-table td:last-child{font-size:10px;color:#839378;max-width:320px}.sample-mark{color:#9b9e82;font-size:9px}.no-actions{padding:0 28px 23px;color:#97a789;font-size:11px}#formError[hidden],#duplicatePreview[hidden],#toast[hidden]{display:none}.busy{pointer-events:none;opacity:.7}.bank-result-heading{padding:18px 20px;display:flex;justify-content:space-between}.bank-result-heading h3{font-size:12px}.bank-result-heading span{font-size:10px;color:#8ba079}.action-dialog label{display:block;margin:13px 0}.action-lead{font-size:12px;color:#6b835e;line-height:1.9;margin-bottom:15px}.permission-warning{padding:15px 20px;border:1px solid #e4e9d9;background:#f7faef;font-size:11px;color:#8a9c71;border-radius:7px;margin-bottom:18px}@media(min-width:1500px){main{padding-top:44px}.overview-grid{grid-template-columns:minmax(0,1fr) 330px}.panel th,.panel td{padding-left:18px;padding-right:18px}}@media(max-width:1250px){.sidebar{width:214px;padding:26px 15px}.shell{margin-left:214px}.brand{font-size:17px}.overview-grid{grid-template-columns:1fr}.overview-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.recent-panel{margin-top:0}.stats{gap:10px}.stat{padding:15px;min-height:115px}.topbar{padding:0 24px}main{padding:28px 24px}.trial-banner{padding:9px 24px}.page-footer{padding:0 24px 20px}}@media(max-width:800px){.sidebar{position:static;width:auto;padding:14px 18px;display:block}.brand{font-size:17px}.brand-symbol{width:30px;height:34px}.brand small{font-size:7px}.workspace,.sidebar-foot{display:none}nav{display:flex;margin-top:15px;gap:5px;overflow-x:auto}nav a{padding:8px 10px;font-size:10px;gap:6px}nav a>span{font-size:16px}nav a.active{border-left:0;border-bottom:2px solid #b6d4a7;padding:8px 10px 6px}.shell{margin-left:0}.topbar{height:64px;padding:0 18px}.demo-pill{display:none}.account-control{gap:6px}.account-control select{max-width:215px;font-size:10px}.breadcrumb{font-size:9px}.breadcrumb span{padding:0 5px}.trial-banner{padding:10px 18px;font-size:9px;align-items:flex-start}.trial-dot{margin-top:5px}main{padding:24px 18px}.page-heading{align-items:flex-start;margin-bottom:22px}h1{font-size:23px}.page-heading p{font-size:10px;max-width:230px}.heading-actions .secondary{display:none}.button{font-size:10px;padding:9px 12px}.stats{grid-template-columns:1fr 1fr}.stat-number{font-size:27px}.alert-strip{align-items:flex-start;padding:12px}.alert-strip .button{align-self:center;padding:4px 0;min-width:60px}.overview-aside{grid-template-columns:1fr}.overview-grid{gap:16px}.guide-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.page-footer{padding:0 18px 20px;font-size:8px}.page-footer b{display:none}.form-body,.dialog-header{padding:18px}.form-grid{gap:12px}.detail-grid{padding:20px;grid-template-columns:1fr;gap:0}.detail-summary{padding:18px}.detail-duplicate{margin:18px}.detail-actions{padding:0 18px 20px}.dialog-footer{padding:14px 18px;flex-wrap:wrap}.dialog-footer>span{flex-basis:100%}.status-track{padding:19px 12px}.kind-options{grid-template-columns:1fr}.toast{left:50%;width:max-content;max-width:90vw}.detail-timeline{padding:0 18px 16px}.detail-amount{font-size:27px}.bank-intro{padding:20px;align-items:flex-start}.bank-glyph{flex-shrink:0}.toolbar .search-input{min-width:100%}}@media(max-width:420px){.form-grid{grid-template-columns:1fr}.account-control select{max-width:180px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.page-heading .button{padding:8px 10px}.stat{padding:15px 12px}.stat-icon{right:10px}.alert-strip p{font-size:9px}.page-footer>span:last-child{display:none}.detail-fields{grid-template-columns:90px 1fr}}

/* Readable transaction details at normal laptop scale. */
table{font-size:12px}.vendor-name{font-size:12px}.row-details{font-size:11px}.stat-label{font-size:11px!important}.detail-fields{font-size:12px}.action-lead{font-size:13px}.invoice-id,.record-id{font-size:10px}