@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#11253f;--ink:#111e30;--muted:#2a384d;--line:#e7ebf1;--surface:#fff;--canvas:#f5f7fa;--blue:#4467d8}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.01em;margin:0;font-family:DM Sans,Noto Sans JP,sans-serif;line-height:1.75}button,input{font:inherit}a{color:inherit;text-decoration:none}.login-screen,.setup-screen{background:radial-gradient(at 82% 18%,#7293e22e,#0000 34%),radial-gradient(at 9% 92%,#bbd3c729,#0000 31%),#f5f7fa;place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative;overflow:hidden}.login-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.decoration-orbit{border:1px solid #5971a91a;border-radius:50%;position:absolute}.orbit-one{width:660px;height:660px;top:-290px;right:-210px}.orbit-two{width:410px;height:410px;top:-165px;right:-80px}.decoration-dot{background:#d7dfef;border-radius:50%;position:absolute}.dot-one{width:10px;height:10px;top:21%;right:24%}.dot-two{background:#d0e3d8;width:6px;height:6px;bottom:20%;left:19%}.login-card,.setup-card{z-index:1;background:#ffffffeb;border:1px solid #dbe1ebd9;border-radius:20px;width:min(100%,430px);padding:44px 46px 38px;position:relative;box-shadow:0 24px 70px #1b2d501a}.brand-mark{color:#fff;background:linear-gradient(145deg,#253f67,#142945);border-radius:15px;place-items:center;width:48px;height:48px;font-family:Georgia,serif;font-size:26px;font-weight:700;display:grid;box-shadow:0 8px 18px #1a30502e}.eyebrow{color:#33415a;letter-spacing:.16em;margin:24px 0 9px;font-size:15px;font-weight:700}.login-card h1,.setup-card h1{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:27px}.login-intro,.setup-card>p:not(.eyebrow){color:var(--muted);margin:10px 0 28px;font-size:16px;line-height:1.8}.login-card form{gap:10px;display:grid}.login-card label{color:#1d2b40;margin-top:7px;font-size:16px;font-weight:600}.login-card input{width:100%;height:46px;color:var(--ink);background:#fbfcfe;border:1px solid #dfe4ec;border-radius:9px;outline:none;padding:0 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-card input:focus{border-color:#8398d9;box-shadow:0 0 0 3px #4467d81f}.login-card input::placeholder{color:#4a586c}.primary-button{color:#fff;cursor:pointer;background:#1b3558;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 20px;font-size:16px;font-weight:600;transition:background .2s,transform .2s;display:inline-flex}.login-card .primary-button{margin-top:12px}.primary-button:hover:not(:disabled){background:#294b76;transform:translateY(-1px)}.primary-button:disabled{opacity:.65;cursor:wait}.form-error{color:#ad3434;margin:6px 0 0;font-size:16px;line-height:1.7}.login-footnote{color:#33415a;text-align:center;margin:23px 0 0;font-size:16px;line-height:1.7}.setup-card code{color:#263d5a;background:#f1f4f8;border-radius:7px;margin-top:10px;padding:10px 12px;font-size:16px;display:block}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:5;background:#fff;border-right:1px solid #e8ecf1;flex-direction:column;width:248px;padding:25px 16px 17px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;padding:0 8px 28px;display:flex}.brand-logo{object-fit:contain;border-radius:10px;flex:none;width:38px;height:38px}.brand-mark-small{border-radius:12px;width:38px;height:38px;font-size:22px}.sidebar-brand strong{color:#1c2d44;letter-spacing:-.02em;font-size:16px;display:block}.sidebar-brand small{color:#33415a;margin-top:4px;font-size:15px;display:block}.nav-caption{color:#2f3d52;letter-spacing:.15em;margin:5px 11px 9px;font-size:14px;font-weight:700}.sidebar nav{gap:5px;display:grid;overflow-y:auto}.nav-link{color:#26344a;border-radius:8px;align-items:center;gap:12px;min-height:42px;padding:0 12px;font-size:16px;font-weight:500;transition:all .18s;display:flex}.nav-link:hover{color:#243d60;background:#f6f8fb}.nav-link-active{color:#234776;background:#edf2fb;font-weight:700}.nav-icon{color:#33415a;text-align:center;width:18px;font-size:18px}.nav-link-active .nav-icon{color:#4467d8}.sidebar-bottom{border-top:1px solid #edf0f4;margin-top:auto;padding-top:15px}.user-chip{align-items:center;gap:9px;padding:5px 3px 13px;display:flex}.user-avatar{color:#2a4b70;background:#e7eef8;border-radius:50%;place-items:center;width:29px;height:29px;font-size:16px;font-weight:700;display:grid}.user-email{color:#33415a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.user-email small{color:#2f3d52;margin-top:3px;font-size:14px;display:block}.signout-button{color:#2a384d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:9px 10px;font-size:16px}.signout-button:hover{color:#a53e3e;background:#fbf3f3}.main-column{width:calc(100% - 248px);min-width:0;margin-left:248px}.topbar{background:#fffc;border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:center;height:64px;padding:0 38px;display:flex}.topbar-label{color:#33415a;font-size:16px}.status-pill{color:#6a8578;background:#fbfdfc;border:1px solid #e6ece9;border-radius:30px;align-items:center;gap:7px;padding:7px 10px;font-size:15px;display:flex}.status-pill>span,.date-chip-dot{background:#67a77d;border-radius:50%;width:6px;height:6px}.main-content{width:min(1180px,100%);margin:0 auto;padding:42px 44px 64px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.welcome-row .eyebrow,.section-heading .eyebrow,.page-panel>.eyebrow,.next-step-card .eyebrow{margin:0 0 8px}.welcome-row h1,.panel-title-row h1{color:#172a43;letter-spacing:-.04em;margin:0;font-size:29px}.page-description{color:#2f3d52;margin:8px 0 0;font-size:16px;line-height:1.7}.date-chip{color:#2a384d;background:#fff;border:1px solid #e4e9ef;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:15px;display:flex}.date-chip-dot{background:#667489}.stat-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.stat-card{background:#fff;border:1px solid #e8ecf1;border-radius:12px;min-height:140px;padding:17px 18px;box-shadow:0 3px 9px #1f304906}.stat-card-top{color:#33415a;justify-content:space-between;align-items:center;font-size:16px;display:flex}.stat-icon{border-radius:9px;place-items:center;width:29px;height:29px;font-size:16px;font-weight:700;display:grid}.stat-orange{color:#b68149;background:#fbf3e9}.stat-blue{color:#5972c4;background:#edf1fc}.stat-green{color:#559273;background:#eaf5ee}.stat-value{color:#24364e;letter-spacing:-.04em;margin-top:14px;font-size:27px;display:block}.stat-note{color:#4a586c;margin-top:5px;font-size:14px;display:block}.section-heading{justify-content:space-between;align-items:flex-end;margin:38px 0 14px;display:flex}.section-heading h2,.next-step-card h2{color:#1c304a;letter-spacing:-.02em;margin:0;font-size:17px}.module-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.module-card{background:#fff;border:1px solid #e8ecf1;border-radius:11px;align-items:center;gap:13px;min-height:111px;padding:16px;transition:all .2s;display:flex}.module-card:hover{border-color:#cfd8e8;transform:translateY(-2px);box-shadow:0 8px 22px #1f30490f}.module-icon{border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.module-blue{color:#5770c3;background:#edf1fc}.module-green{color:#4a9370;background:#eaf5ee}.module-orange{color:#b68149;background:#fbf3e9}.module-copy{flex:1;min-width:0}.module-copy strong{color:#263951;font-size:16px;display:block}.module-copy small{color:#2f3d52;margin-top:6px;font-size:14px;line-height:1.5;display:block}.module-arrow{color:#4a586c;font-size:17px}.next-step-card{background:linear-gradient(105deg,#f8faff,#fff);border:1px solid #e1e8f2;border-radius:12px;align-items:center;gap:15px;margin-top:26px;padding:19px 21px;display:flex}.next-step-mark{color:#4363ba;background:#e9effb;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-size:16px;font-weight:700;display:grid}.next-step-card>div:nth-child(2){flex:1}.next-step-card h2{font-size:16px}.next-step-card p:not(.eyebrow){color:#33415a;margin:5px 0 0;font-size:15px}.secondary-button{color:#425f9d;background:#fff;border:1px solid #dce4ef;border-radius:7px;align-items:center;gap:12px;padding:9px 12px;font-size:15px;font-weight:600;display:inline-flex}.secondary-button:hover{background:#fbfcff;border-color:#bdcbe2}.page-panel{background:#fff;border:1px solid #e8ecf1;border-radius:12px;min-height:460px;padding:25px}.panel-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.compact-button{min-height:38px;padding:0 13px;font-size:16px}.compact-button:disabled{cursor:not-allowed;background:#7e8ca0}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:32px 16px;display:flex}.empty-icon{color:#6681c3;background:#eff3fb;border-radius:14px;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.empty-state h2{color:#1d2b40;margin:17px 0 7px;font-size:16px}.empty-state p{color:#2f3d52;max-width:390px;margin:0;font-size:16px;line-height:1.8}.menu-toggle,.sidebar-backdrop{display:none}@media (max-width:1000px){.main-content{padding:33px 28px 50px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card{min-height:82px}}@media (min-width:721px) and (max-width:900px){.sidebar{width:280px;transition:transform .2s;transform:translate(-100%);box-shadow:14px 0 35px #14233914}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:4;background:#121e3040;border:0;display:block;position:fixed;inset:0}.main-column{width:100%;margin-left:0}.topbar{padding:0 24px}.menu-toggle{color:#2f3d52;background:0 0;border:0;padding:5px;font-size:19px;display:inline-block}.workspace-toolbar,.data-toolbar{flex-wrap:wrap}.line-item-table{min-width:840px}}@media (max-width:720px){.sidebar{width:270px;transition:transform .2s;transform:translate(-100%);box-shadow:14px 0 35px #14233914}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:4;background:#121e3040;border:0;display:block;position:fixed;inset:0}.main-column{width:100%;margin-left:0}.topbar{justify-content:flex-start;gap:12px;height:58px;padding:0 15px}.topbar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.menu-toggle{color:#2f3d52;background:0 0;border:0;padding:5px;font-size:19px;display:inline-block}.status-pill{flex:none;margin-left:auto;padding:6px 8px;font-size:14px}.main-content{padding:26px 15px 40px}.welcome-row{flex-direction:column;align-items:flex-start}.welcome-row h1,.panel-title-row h1{font-size:25px}.stat-grid{grid-template-columns:1fr;gap:10px}.stat-card{min-height:112px}.stat-value{margin-top:7px}.next-step-card{flex-wrap:wrap;align-items:flex-start}.next-step-card>div:nth-child(2){min-width:calc(100% - 55px)}.next-step-card .secondary-button{margin-left:46px}.page-panel{min-height:440px;padding:18px 14px}.panel-title-row{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions>button,.form-actions>a{width:100%;min-height:44px}.button-row{flex-direction:column;align-items:stretch}.button-row>button,.button-row>a{justify-content:center;width:100%}.member-row{flex-direction:column}.member-row>.member-actions{flex-wrap:wrap;width:100%}.member-actions select{min-height:40px;font-size:16px}.nav-link{min-height:46px}.signout-button{min-height:44px}.record-form input,.record-form select,.record-form textarea,.search-field,.filter-field,.data-toolbar select,.workspace-toolbar select,.migration-form select{min-height:44px;font-size:16px}.line-item-shortcuts select,.line-item-table input,.line-item-table select{min-height:42px;font-size:16px}.primary-button,.secondary-button,.compact-button{justify-content:center;min-height:44px}.data-toolbar>*,.workspace-toolbar>*{min-width:0}.line-item-table{min-width:840px}}@media (max-width:460px){.login-card,.setup-card{border-radius:16px;padding:35px 25px 29px}}.module-purple{color:#8062b5;background:#f1ecf8}.workspace-toolbar,.data-toolbar,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-toolbar{margin:22px 0 15px}.data-toolbar{justify-content:flex-start;margin:12px 0 14px}.data-toolbar label,.workspace-toolbar>label,.migration-form>label{color:#26344a;align-items:center;gap:9px;font-size:16px;font-weight:600;display:flex}.search-field,.filter-field,.inline-field input,.data-toolbar select,.workspace-toolbar select{color:#1d2b40;background:#fff;border:1px solid #e0e6ee;border-radius:8px;outline:none;min-height:38px;padding:0 12px;font-size:16px}.search-field{width:min(390px,100%)}.filter-field{min-width:145px}.search-field:focus,.filter-field:focus,.record-form input:focus,.record-form select:focus,.record-form textarea:focus{border-color:#8398d9;box-shadow:0 0 0 3px #4467d81a}.segmented-control,.billing-tabs{background:#f8f9fb;border:1px solid #e8ecf1;border-radius:9px;gap:4px;padding:4px;display:flex}.segmented-control button,.billing-tabs button{color:#33415a;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:32px;padding:0 12px;font-size:16px}.segmented-control button.selected,.billing-tabs button.selected{color:#2b4d7b;background:#fff;font-weight:700;box-shadow:0 1px 5px #1e2d461a}.segmented-control button span{color:#33415a;margin-left:5px}.billing-tabs{margin:21px 0 14px;overflow-x:auto}.billing-tabs button{white-space:nowrap;padding:0 16px}.notice{border:1px solid;border-radius:8px;margin:14px 0;padding:11px 14px;font-size:16px;line-height:1.65}.notice-error{color:#a53d3d;background:#fff8f8;border-color:#f1d4d4}.notice-success{color:#397252;background:#f6fcf8;border-color:#d7eadf}.record-form{background:#fbfcfe;border:1px solid #dfe6f0;border-radius:11px;margin:18px 0;padding:21px}.record-form-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.record-form-heading h2{color:#253b59;margin:0;font-size:17px}.record-form-heading p{color:#2f3d52;margin:5px 0 0;font-size:15px}.icon-button{color:#33415a;cursor:pointer;background:#fff;border:1px solid #e2e7ee;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:0;font-size:20px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 15px;display:grid}.form-grid label,.record-form>label{color:#33415a;gap:6px;font-size:15px;font-weight:600;display:grid}.record-form input,.record-form select,.record-form textarea,.line-item-table input,.line-item-table select{color:#293d57;background:#fff;border:1px solid #dfe5ed;border-radius:7px;outline:none;width:100%;min-width:0;min-height:37px;padding:8px 10px;font-size:16px}.record-form textarea{resize:vertical}.field-wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:9px;margin-top:17px;display:flex}.form-actions .secondary-button,.form-actions .primary-button{min-height:36px}.settings-fieldset{border:0;min-width:0;margin:0;padding:0}.settings-fieldset:disabled{opacity:.75}.workspace-admin{border-top:1px solid #e8ecf1;margin-top:28px;padding-top:5px}.member-list{background:#fff;border:1px solid #e7ebf1;border-radius:9px;margin:12px 0;overflow:hidden}.member-list h3{color:#3b506b;margin:0;padding:12px 14px;font-size:16px}.audit-list time{color:#2f3d52;flex:none;font-size:14px}.empty-audit{color:#2f3d52;margin:0;padding:16px;font-size:15px}.member-row{border-top:1px solid #eff1f4;justify-content:space-between;align-items:center;gap:14px;min-height:57px;padding:10px 14px;display:flex}.member-row>div{gap:4px;min-width:0;display:grid}.member-row>.member-actions{flex:none;align-items:center;gap:5px;display:flex}.member-actions select{color:#2f3d52;background:#fff;border:1px solid #e0e6ee;border-radius:6px;min-height:31px;padding:4px 7px;font-size:14px}.member-row strong{color:#1d2b40;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.member-row small{color:#2f3d52;font-size:14px}.text-button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 8px;font-size:15px}.danger-text{color:#a64b4b;flex:none}.danger-text:hover{background:#fff4f4}.invite-form{background:#fff;border:1px solid #e7ebf1;border-radius:9px;margin-top:18px;padding:17px}.invite-form h3{color:#354b66;margin:0 0 13px;font-size:16px}.subscription-summary{color:#33415a;background:#fff;border:1px solid #e7ebf1;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:14px;font-size:15px;display:flex}.subscription-summary strong{color:#2f704b;font-size:16px}.billing-actions{margin-top:16px}.table-scroll{background:#fff;border:1px solid #e9edf2;border-radius:9px;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:16px}.data-table th{color:#33415a;white-space:nowrap;background:#f8f9fb;padding:11px 12px;font-size:14px;font-weight:600}.data-table td{color:#2f3d52;vertical-align:middle;border-top:1px solid #eff1f4;min-width:78px;padding:12px}.data-table td strong{color:#2a3d55;font-size:16px;font-weight:600}.data-table td small{color:#33415a;margin-top:4px;font-size:14px;line-height:1.4;display:block}.data-table tr:hover td{background:#fcfdff}.table-empty{text-align:center;color:#2f3d52!important;padding:48px 15px!important}.row-actions{white-space:nowrap;min-width:170px}.row-actions button{color:#47628e;cursor:pointer;background:#fff;border:1px solid #e4e9ef;border-radius:6px;margin:2px 6px 2px 0;padding:5px 7px;font-size:14px}.row-actions button:hover{background:#f8faff;border-color:#c7d4e6}.row-actions .danger-link{color:#b35353;background:0 0;border-color:#0000}.danger-link{color:#b35353;cursor:pointer;background:0 0;border:0;padding:5px 7px;font-size:15px}.danger-link:hover{color:#8e2929;text-decoration:underline}.status-badge{color:#5e6f84;white-space:nowrap;background:#f0f3f7;border-radius:20px;align-items:center;padding:5px 8px;font-size:14px;display:inline-flex}.status-ordered,.status-accepted,.status-paid,.status-completed,.status-active{color:#397354;background:#eaf5ee}.status-in_progress,.status-submitted,.status-issued,.status-invoiced{color:#4a6399;background:#edf2fb}.status-estimate,.status-draft,.status-planned,.status-todo{color:#856638;background:#faf3e6}.status-billing,.status-partially_paid{color:#9a6b27;background:#fff4e3}.status-cancelled,.status-rejected,.status-overdue{color:#aa4848;background:#fbebeb}.status-select{color:#2f3d52;background:#fff;border:1px solid #e3e8ef;border-radius:6px;min-height:30px;padding:0 7px;font-size:14px}.status-select:focus{outline:2px solid #4467d829}.line-items-heading{justify-content:space-between;align-items:center;gap:12px;margin:21px 0 10px;display:flex}.line-items-heading>div{align-items:baseline;gap:9px;display:flex}.line-items-heading h3,.section-subheading h2{color:#1d2b40;margin:0;font-size:16px}.line-items-heading span,.toolbar-note{color:#33415a;font-size:15px}.line-item-shortcuts{background:#fff;border:1px solid #e9edf2;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:10px;padding:11px;display:flex}.line-item-shortcuts label{color:#33415a;gap:5px;font-size:14px;display:grid}.line-item-shortcuts select{color:#465a75;background:#fff;border:1px solid #e2e7ee;border-radius:6px;max-width:260px;min-height:33px;padding:0 8px;font-size:15px}.line-item-shortcuts .secondary-button{min-height:33px;padding:0 9px;font-size:14px}.line-item-table{min-width:840px}.line-item-table td{padding:7px}.line-item-table input,.line-item-table select{min-height:32px;padding:5px 7px;font-size:15px}.line-item-table input[type=number]{min-width:75px}.line-item-table .line-description{color:#33415a;margin-top:4px;font-size:14px}.estimate-summary-row{justify-content:flex-end;align-items:flex-start;gap:20px;margin:15px 0;display:flex}.estimate-totals{width:min(300px,100%)}.estimate-totals>div{color:#33415a;justify-content:space-between;padding:5px 2px;font-size:15px;display:flex}.estimate-totals strong{color:#34475f;font-size:16px}.estimate-totals .grand-total{color:#334860;border-top:1px solid #e3e8ef;margin-top:5px;padding-top:9px;font-weight:700}.estimate-totals .grand-total strong{color:#1d3554;font-size:17px}.margin-chip{color:#5c7e68;background:#f7fcf8;border:1px solid #dcece1;border-radius:8px;gap:4px;max-width:210px;padding:10px 12px;font-size:14px;display:grid}.margin-chip strong{color:#39744e;font-size:19px}.margin-chip small{color:#9b6530}.margin-warning{color:#9b6530!important;background:#fff9ef!important;border-color:#f0ddbd!important}.margin-warning strong{color:#a96427}.notes-field{margin-top:13px}.notes-field textarea{min-height:70px}.loading-state{color:#33415a;text-align:center;padding:50px 15px;font-size:16px}.empty-state.compact-empty{min-height:220px}.inline-field{color:#26344a;align-items:center;gap:8px;font-size:15px;display:flex}.inline-heading{color:#1d2b40;margin:0;font-size:16px}.section-subheading{margin:25px 0 12px}.section-subheading p{color:#33415a;margin:5px 0 0;font-size:15px}.modal-backdrop{z-index:20;background:#121e306b;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.payment-dialog{background:#fff;width:min(100%,430px);margin:auto;box-shadow:0 24px 70px #18263c33}.payment-dialog label{color:#33415a;gap:6px;margin-top:12px;font-size:15px;display:grid}.print-preview-modal{background:#f2f4f7;border-radius:12px;width:min(100%,860px);max-height:calc(100vh - 36px);padding:15px;overflow:auto}.preview-toolbar{color:#42566f;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:16px;display:flex}.preview-toolbar>div{align-items:center;gap:8px;display:flex}.preview-toolbar .secondary-button{min-height:34px}.print-document{color:#222;background:#fff;width:210mm;min-height:270mm;margin:0 auto;padding:18mm 17mm;font-family:Noto Sans JP,sans-serif;font-size:10pt;box-shadow:0 4px 20px #16263c1c}.print-document h1{color:#203653;letter-spacing:.15em;text-align:center;border-bottom:1px solid #283b54;margin:0 0 18mm;padding-bottom:5mm;font-size:22pt}.print-document-top{justify-content:space-between;gap:15mm;margin-bottom:10mm;display:flex}.print-document-top>div{max-width:60%}.print-document-top p{margin:2mm 0;font-size:9pt}.print-document-top strong{border-bottom:1px solid #333;padding-bottom:2mm;font-size:13pt;display:inline-block}.print-total{border:1px solid #8e99a5;margin:0 0 8mm;padding:4mm;font-size:12pt}.print-total strong{color:#182d49;margin-left:5mm;font-size:18pt}.print-document table{border-collapse:collapse;width:100%;font-size:9pt}.print-document th,.print-document td{text-align:left;border:1px solid #cbd1d9;padding:3mm 2mm}.print-document th{background:#f3f5f7}.print-document td:nth-child(n+2),.print-document th:nth-child(n+2){text-align:right}.print-document td small{color:#606a76;margin-top:1mm;font-size:8pt;display:block}.print-sums{justify-content:end;gap:2mm;margin:7mm 0 10mm;font-size:9pt;display:grid}.print-sums p{margin:0}.print-sums strong{border-top:1px solid #555;padding-top:2mm;font-size:13pt}.print-terms{border:1px solid #d7dce2;min-height:25mm;margin-top:10mm;padding:4mm;font-size:9pt}.print-terms p{white-space:pre-wrap;min-height:5mm;margin:2mm 0 4mm}.print-company{border-top:1px solid #bcc4ce;justify-content:space-between;align-items:flex-end;margin-top:22mm;padding-top:4mm;display:flex}.print-company strong{font-size:13pt}.print-company span{color:#33415a;font-size:8pt}.print-company p{margin:1.5mm 0 0;font-size:8pt;line-height:1.5}.print-company>div{max-width:75%}.receipt-document h1{margin-bottom:20mm}.receipt-amount{text-align:center;border-bottom:1px solid #333;margin:18mm 0 10mm;padding:8mm 4mm;font-size:13pt}.receipt-amount strong{letter-spacing:.06em;font-size:22pt}.receipt-copy{text-align:center;margin:10mm 0}.receipt-payment{border:1px solid #cbd1d9;min-height:28mm;margin:10mm 0;padding:5mm;line-height:2}.month-summary{background:#fff;border:1px solid #e4eaf1;border-radius:11px;align-items:center;gap:24px;margin:18px 0 5px;padding:16px 18px;display:flex}.month-summary>div:first-child{margin-right:auto}.month-summary h2{color:#1d2b40;margin:0;font-size:16px}.month-summary .eyebrow{margin:0 0 6px}.month-summary>div:not(:first-child){color:#33415a;gap:5px;font-size:14px;display:grid}.month-summary strong{color:#314760;font-size:16px}.month-summary strong small{margin-left:3px;font-size:14px}.next-action-panel{background:#fff;border:1px solid #e8ecf1;border-radius:11px;margin-top:30px;padding:19px}.next-action-panel .section-heading{margin:0 0 13px}.next-action-panel .section-heading h2{color:#283d57;margin:0;font-size:16px}.text-link{color:#33415a;font-size:15px}.next-action-list{display:grid}.next-action-row{border-top:1px solid #eff1f4;align-items:center;gap:11px;padding:10px 4px;display:flex}.next-action-row>span:nth-child(2){flex:1;min-width:0}.next-action-row strong,.next-action-row small{display:block}.next-action-row strong{color:#3a4e68;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.next-action-row small{color:#2f3d52;margin-top:4px;font-size:14px}.next-action-row time{color:#33415a;white-space:nowrap;font-size:14px}.empty-inline{color:#819082;border-top:1px solid #eff1f4;align-items:center;gap:9px;padding:15px 5px 3px;font-size:15px;display:flex}.empty-inline>span{color:#43815a;background:#eaf5ee;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.empty-inline p{flex:1;margin:0}.empty-inline a{color:#33415a}.board-summary,.cost-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.board-summary article,.cost-summary article{background:#fbfcfe;border:1px solid #e8edf2;border-radius:9px;gap:8px;padding:14px;display:grid}.board-summary article span,.cost-summary article span{color:#2f3d52;font-size:15px}.board-summary article strong,.cost-summary article strong{color:#2b405b;font-size:22px}.cost-summary{grid-template-columns:repeat(4,1fr)}.cost-summary small{color:#33415a;font-size:14px}.task-list{border:1px solid #e9edf2;border-radius:9px;overflow:hidden}.task-row{border-top:1px solid #eff1f4;align-items:center;gap:11px;padding:12px 14px;display:flex}.task-row>button:not(.danger-link){color:#33415a;cursor:pointer;background:#fff;border:1px solid #e3e8ef;border-radius:6px;min-height:30px;padding:0 8px;font-size:14px}.task-row:first-child{border-top:0}.task-row select{color:#2f3d52;background:#fff;border:1px solid #e2e7ee;border-radius:6px;min-height:31px;font-size:14px}.task-row.task-overdue{background:#fff9f9}.task-overdue .task-copy small{color:#b35858}.task-priority{color:#33415a;background:#eff2f6;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-weight:700;display:grid}.priority-high{color:#ab4b4b;background:#fbeded}.priority-low{color:#71917c;background:#edf6f0}.task-copy{flex:1;min-width:0}.task-copy strong,.task-copy small{display:block}.task-copy strong{color:#1d2b40;font-size:16px}.task-copy small{color:#33415a;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.migration-callout{color:#835f31;background:#fffbf4;border:1px solid #f0dfc2;border-radius:9px;margin:19px 0;padding:14px 16px;font-size:15px;line-height:1.7}.migration-callout p{margin:5px 0 0}.migration-steps{grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;display:grid}.migration-steps article{background:#fff;border:1px solid #e9edf2;border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex}.migration-steps article>span{color:#4a68af;background:#eef2fc;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:15px;font-weight:700;display:grid}.migration-steps strong{color:#3c516a;font-size:15px}.migration-steps p{color:#2f3d52;margin:5px 0 0;font-size:14px;line-height:1.65}.migration-form{background:#fbfcfe;border:1px solid #e6ebf2;border-radius:10px;margin:20px 0;padding:18px}.migration-form>label{justify-content:space-between}.migration-form select{color:#364a63;background:#fff;border:1px solid #dfe5ed;border-radius:7px;min-height:38px;padding:0 10px;font-size:16px}.file-drop{color:#526985;text-align:center;background:#fff;border:1px dashed #cbd5e3;border-radius:9px;flex-direction:column;align-items:center;gap:7px;margin-top:15px;padding:23px;display:flex;position:relative}.file-drop strong{font-size:16px}.file-drop small{color:#33415a;font-size:14px}.file-drop input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.upload-icon{color:#536fb8;background:#eff3fb;border-radius:9px;place-items:center;width:32px;height:32px;font-size:19px;display:grid}.migration-preview{background:#fff;border:1px solid #e5eaf1;border-radius:8px;margin-top:14px;padding:14px}.migration-preview>div{color:#354a63;justify-content:space-between;font-size:16px;display:flex}.migration-preview>div span,.migration-preview p{color:#33415a;font-size:14px}.migration-details{color:#33415a;background:#fff;border:1px solid #e8ecf1;border-radius:8px;margin-top:18px;padding:13px 15px;font-size:15px}.migration-details summary{color:#425a78;cursor:pointer;font-weight:600}.migration-details li{margin:8px 0;line-height:1.7}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-card{background:#fff;border:1px solid #e8edf2;border-radius:9px;padding:15px}.template-card-head{justify-content:space-between;gap:10px;display:flex}.template-card h2{color:#324760;margin:0;font-size:16px}.template-card p{color:#2f3d52;margin:5px 0 0;font-size:14px}.template-card ul{margin:13px 0 8px;padding:0;list-style:none}.template-card li{color:#33415a;border-top:1px solid #f0f2f5;justify-content:space-between;gap:10px;padding:6px 0;font-size:14px;display:flex}.template-card li strong{color:#405570;white-space:nowrap}.template-card>small{color:#2f3d52;font-size:14px}.guide-list{background:#fff;border:1px solid #e8edf2;border-radius:10px;margin-top:21px;overflow:hidden}.guide-row{border-top:1px solid #eff1f4;justify-content:space-between;align-items:center;gap:20px;padding:17px 18px;display:flex}.guide-row:first-child{border-top:0}.guide-row h2{color:#1d2b40;margin:0;font-size:16px}.guide-row p{color:#33415a;max-width:720px;margin:6px 0 0;font-size:15px;line-height:1.8}.guide-row .secondary-button{flex:none}@media (max-width:720px){.member-row{align-items:flex-start}.member-row small{overflow-wrap:anywhere}.subscription-summary{flex-direction:column;align-items:flex-start}.workspace-toolbar,.data-toolbar{flex-direction:column;align-items:stretch}.workspace-toolbar>*,.workspace-toolbar .search-field,.workspace-toolbar .filter-field{width:100%}.workspace-toolbar>label{justify-content:space-between}.segmented-control{width:100%}.segmented-control button{flex:1}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.record-form{padding:15px 12px}.migration-steps,.template-grid{grid-template-columns:1fr}.month-summary{flex-wrap:wrap;align-items:flex-start;gap:14px}.month-summary>div:first-child{width:100%}.month-summary>div:not(:first-child){flex:1}.month-summary .secondary-button{justify-content:center;width:100%}.cost-summary{grid-template-columns:repeat(2,1fr)}.board-summary{grid-template-columns:repeat(3,1fr)}.task-row{flex-wrap:wrap;align-items:flex-start}.task-row select{margin-left:35px}.task-row .danger-link{margin-left:auto}.estimate-summary-row{flex-direction:column;align-items:stretch}.estimate-totals{width:100%}.line-item-shortcuts{align-items:stretch}.line-item-shortcuts label{flex:100%}.line-item-shortcuts select{width:100%;max-width:none}.line-item-shortcuts .secondary-button{flex:1;justify-content:center}.guide-row{flex-direction:column;align-items:flex-start;gap:10px}}@page{size:A4 portrait;margin:10mm}@media print{html,body{width:210mm;min-height:0;background:#fff!important;margin:0!important}body *{visibility:hidden!important}.print-document,.print-document *{visibility:visible!important}.print-preview-modal,.modal-backdrop{width:auto!important;max-height:none!important;box-shadow:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.preview-toolbar{display:none!important}.print-document{page-break-after:avoid;width:190mm!important;min-height:277mm!important;box-shadow:none!important;margin:0!important;padding:8mm!important;position:absolute!important;top:0!important;left:0!important}.print-document table{page-break-inside:auto}.print-document tr{page-break-inside:avoid;page-break-after:auto}.print-document h1,.print-total,.print-sums,.print-company{page-break-inside:avoid}}input[type=date],input[type=datetime-local],input[type=month]{cursor:pointer;min-height:48px;font-size:20px;position:relative}input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}input[type=month]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.reminder-settings{margin-bottom:18px}.reminder-settings textarea{width:100%;font:inherit;border:1px solid var(--line,#d8dee8);resize:vertical;border-radius:10px;padding:10px 12px;font-size:16px}.site-footer{text-align:center;color:#2f3d52;letter-spacing:.04em;padding:18px 16px 24px;font-size:16px}@media (min-width:901px){body:has(.sidebar) .site-footer{padding-left:264px}}p,li,td,th,label,small,.page-description{line-height:1.8}.page-description,.login-intro{color:#2a384d;font-size:16px}td,th{padding-top:12px;padding-bottom:12px}h1,h2,h3,h4{line-height:1.35}button,select,.primary-button,.secondary-button{line-height:1.4}body,p,li,td,th{color:#111e30}small,.page-description,.toolbar-note,.eyebrow,.login-intro{color:#2a384d}input::placeholder,textarea::placeholder{color:#55637a;opacity:1}@media (max-width:720px){.task-row{grid-template-columns:28px minmax(0,1fr) auto auto;align-items:start;gap:10px 8px;display:grid}.task-row .task-copy{grid-column:2/-1;min-width:0}.task-row select{min-width:0}.task-row .task-copy strong{overflow-wrap:anywhere}.task-row .task-copy small{white-space:normal;overflow-wrap:anywhere;line-height:1.6;overflow:visible}.task-row select{grid-column:1/3;width:100%;min-height:44px;margin-left:0}.task-row>button:not(.danger-link){grid-column:3;min-height:44px;padding:0 12px}.task-row .danger-link{grid-column:4;min-height:44px;margin-left:0;padding:0 12px}}@media (max-width:900px){.topbar{height:68px}.menu-toggle{color:#1d2b40;cursor:pointer;background:#fff;border:1px solid #c9d3e0;border-radius:10px;flex:none;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-size:32px;line-height:1;display:inline-flex}}.print-company-side{align-items:flex-end;gap:6mm;display:flex}.company-seal{flex:none;width:22mm;height:22mm}.receipt-document{min-height:270mm}@media (max-width:900px){.print-preview-modal{overflow-x:auto}.print-document{zoom:.62}}@media (max-width:520px){.print-document{zoom:.42}}@media print{.print-document{zoom:1!important}.company-seal{visibility:visible!important}}.history-viewer-panel{background:#f2f4f7;border-radius:12px;flex-direction:column;width:min(100%,900px);height:calc(100vh - 36px);padding:15px;display:flex}.history-viewer-panel iframe{background:#fff;border:0;border-radius:8px;flex:1;width:100%}.usage-hint{margin:10px 0 0;font-size:16px}.usage-hint summary{cursor:pointer;font-weight:700}.usage-hint ol{margin:8px 0 0;padding-left:22px;line-height:1.8}.field-help{color:#33415a;margin-top:4px;font-size:14px;font-weight:400;line-height:1.5;display:block}@media (max-width:900px){.row-actions button,.row-actions select,.data-table button,.data-table select,main button,main select,[role=tab],.next-step-card a{min-height:44px!important}.row-actions{gap:8px}.next-step-card a{align-items:center;display:inline-flex}}@media (max-width:380px){.print-document{zoom:.36}}