:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f3f6fa;--ink:#182a43;--navy:#163858;--muted:#61748a;--border:#dbe3ec;--green:#287a64}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font-family:Inter,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif;font-size:16px;line-height:1.65}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:8px;font-size:29px;line-height:1.4}h2{margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.5}a{color:#246856;text-underline-offset:4px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #62ae96}input,select,textarea{min-height:44px;color:var(--ink);background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:0;max-width:100%;padding:9px 12px;font-size:16px}input:disabled,select:disabled{background:#f3f6fa}select{cursor:pointer;padding-right:28px}label{flex-direction:column;gap:7px;font-size:14px;font-weight:600;display:flex}label input,label select{width:100%;font-weight:400}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.workspace{max-width:1280px;margin:auto;padding:0 36px}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;min-height:96px;display:flex}.brand{color:var(--ink);align-items:center;gap:12px;text-decoration:none;display:flex}.brandmark,.brand-dot{color:#fff;background:var(--navy);border-radius:13px;place-items:center;width:45px;height:45px;font-size:23px;font-weight:700;display:grid}.brand strong{letter-spacing:-.04em;font-size:22px}.brand div>span{color:var(--muted);font-size:13px;line-height:1.4;display:block}.top-actions{align-items:center;gap:13px;display:flex}.top-actions form{margin:0}.primary,.secondary,.danger{white-space:nowrap;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 17px;font-size:14px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.primary{background:var(--navy);color:#fff}.primary:hover:not(:disabled){background:#254e75}.secondary{color:#26496a;background:#e7edf5}.secondary:hover:not(:disabled){background:#dbe5f0}.danger{color:#fff;background:#a6313f}.text-button{color:#506c84;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:5px;font-size:14px;font-weight:600;display:inline-flex}.icon-button{color:#5b738d;background:0 0;border:0;border-radius:8px;place-items:center;min-width:36px;min-height:38px;padding:5px;font-size:23px;display:inline-grid}.icon-button:hover:not(:disabled){background:#e9eff6}.badge{white-space:nowrap;color:#567088;background:#e9eef4;border-radius:5px;align-items:center;padding:3px 9px;font-size:13px;font-weight:600;line-height:1.6;display:inline-flex}.badge.warning{color:#805b13;background:#fff1cd}.badge.success{color:#23634d;background:#e1f4ec}.danger-badge{color:#a83141;background:#ffe7eb}.demo-banner{color:#345b7e;background:#eaf2fb;border:1px solid #b4cbe0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;margin:22px 0;padding:13px 18px;font-size:14px;display:flex}.demo-banner strong{white-space:nowrap}.demo-banner span{font-size:13px}.notice,.error{border-radius:9px;align-items:center;gap:10px;margin:18px 0;padding:12px 16px;font-size:14px;line-height:1.65;display:flex}.notice{color:#25614f;background:#e6f4ee;border:1px solid #bedfce}.error{color:#9b3440;background:#fff0f2;border:1px solid #efc9cf}.notice>.icon-button,.notice>.text-button,.error>.text-button{margin-left:auto}.error svg{flex-shrink:0}.context-bar{justify-content:space-between;align-items:center;gap:20px;margin:30px 0 26px;display:flex}.eyebrow{color:#637e96;letter-spacing:.05em;font-size:12px;font-weight:650}.context-bar h1{margin:5px 0 0}.store-switch{align-items:center;gap:10px;display:flex}.store-switch select{min-width:190px}.tabs{border-bottom:1px solid var(--border);align-items:center;gap:28px;display:flex}.tabs>button{color:#667d93;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:7px;min-height:52px;padding:8px 1px;font-size:15px;font-weight:600;display:flex}.tabs>button.selected{border-bottom-color:var(--green);color:#22634e}.tab-count{color:#456883;background:#dce8f0;border-radius:4px;justify-content:center;min-width:20px;padding:0 4px;font-size:12px;display:inline-flex}.panel{border:1px solid var(--border);background:#fff;border-radius:13px;margin-top:24px;padding:25px}.panel-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.panel-heading h2{margin:0}.muted{color:var(--muted);font-size:14px;font-weight:400}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0;display:grid}.summary{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:25px 1fr auto;align-items:center;gap:8px;padding:21px 23px;display:grid}.summary svg{color:#64809b}.summary>span{color:#5b7288;font-size:14px}.summary>strong{font-variant-numeric:tabular-nums;font-size:29px;font-weight:650;line-height:1}.summary small{color:#657b91;margin-left:7px;font-size:13px;font-weight:400}.connection-banner{color:#70551e;background:#fff9ea;border:1px solid #e7d4a7;border-radius:10px;align-items:center;gap:12px;padding:14px 19px;font-size:14px;display:flex}.connection-banner svg{flex-shrink:0}.connection-banner strong{font-size:15px}.connection-banner p{margin:1px 0 0;font-size:13px}.connection-banner .text-button{color:#70551e;text-underline-offset:4px;margin-left:auto;text-decoration:underline}.booking-panel{padding:0;overflow:hidden}.booking-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:21px 22px;display:flex}.day-picker{align-items:center;gap:7px;display:flex}.day-picker>div{flex-direction:column;align-items:center;min-width:150px;display:flex}.day-picker strong{font-size:19px}.day-picker input{color:#657a90;background:0 0;border:0;width:144px;min-height:27px;padding:0;font-size:13px}.day-picker .secondary{min-height:36px;padding:7px 13px}.toolbar-end{align-items:center;gap:9px;display:flex}.toolbar-end select{max-width:175px;min-height:40px;font-size:14px}.table-scroll{max-width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:700px;font-size:14px}th{color:#647c94;background:#f7f9fc;border-bottom:1px solid #e5ebf2;padding:13px 22px;font-size:13px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #e8eef5;padding:20px 22px}tr:last-child td{border-bottom:0}.time-text{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:22px;font-weight:650}.cell-meta{color:#657a90;margin-top:3px;font-size:13px;display:block}.row-actions{justify-content:flex-end;align-items:center;gap:9px;display:flex}.right{text-align:right}.danger-text{color:#ac3b48}.cancelled-row{opacity:.58}.cancelled-row .time-text{text-decoration:line-through}.empty{text-align:center;color:#61778d;padding:60px 20px}.empty svg{color:#7e93a9;margin:0 auto 17px;display:block}.empty h2{color:#334f6a}.empty p{margin-bottom:0;font-size:14px}.section-note{color:#6b7f94;margin:12px 3px;font-size:13px;line-height:1.75}.connection-panel{align-items:center;gap:20px;display:flex}.connection-icon{color:#5d7a97;background:#e9eff7;border-radius:13px;place-items:center;padding:21px;display:grid}.connection-panel h2{margin:9px 0 5px;font-size:21px}.connection-panel p{color:#657a90;margin-bottom:0;font-size:14px}.connection-steps{grid-template-columns:repeat(3,1fr);gap:26px;margin:24px 0;padding:0 4px;display:grid}.connection-steps>div{padding-left:34px;position:relative}.connection-steps span{color:#3d846f;font-size:13px;font-weight:700;position:absolute;top:0;left:0}.connection-steps strong{font-size:15px}.connection-steps p{color:#647a90;margin:5px 0 0;font-size:13px}.job-list{margin-top:16px}.job{border-top:1px solid #e8eef4;align-items:center;gap:13px;padding:17px 0;font-size:14px;display:flex}.job>svg{color:#6985a0}.job .badge{margin-left:auto}.settings-grid,.billing-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.stack{flex-direction:column;gap:18px;margin-top:22px;display:flex}.stack>.primary,.stack>.secondary{align-self:flex-start}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.public-link{border-top:1px solid #e3ebf3;margin-top:26px;padding-top:23px;font-size:14px}.public-link p{color:#647a90;margin:12px 0;font-size:13px}.catalog-list{margin-top:17px}.catalog-list>div{border-top:1px solid #e9eef4;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;display:flex}.catalog-list small{color:#647a90;margin-top:3px;font-size:13px;display:block}.inline-form{gap:9px;margin-top:17px;display:flex}.inline-form input{flex:1;width:0}.menu-form{border-top:1px solid #e9eef4;padding-top:20px}.billing-grid .panel:first-child h2{margin:6px 0;font-size:23px}.subscription-summary{border-top:1px solid #e6edf4;border-bottom:1px solid #e6edf4;justify-content:space-between;align-items:center;gap:15px;margin:22px 0;padding:20px 0;display:flex}.subscription-summary>strong{font-size:24px}.subscription-summary small{color:#647a90;font-size:13px;font-weight:400;display:block}.price{letter-spacing:-.03em;font-size:29px;font-weight:650}.price span{color:#657a90;font-size:14px;font-weight:400}.field-help{color:#687f94;margin:6px 0 15px;font-size:13px}.billing-actions{flex-wrap:wrap;gap:10px;margin-top:23px;display:flex}.billing-help{background:#edf3f9;align-self:start}.billing-help svg{color:#597b9a;margin-bottom:15px}.billing-help p{color:#59728a;font-size:14px;line-height:1.9}.billing-help .badge{background:#fff}.modal{width:min(550px,100% - 32px);max-height:90dvh;color:var(--ink);background:#fff;border:1px solid #d3deea;border-radius:16px;padding:27px;overflow-y:auto;box-shadow:0 25px 90px #0a25403b}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#122b49a3}.modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-header h2{margin:0;font-size:21px}.modal-description{margin:7px 0 0;line-height:1.8}.form-footer{border-top:1px solid #e5ecf4;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:21px;display:flex}.form-footer .primary{align-self:initial}.modal .error{margin:0}.onboarding{max-width:580px;margin:45px auto;padding:32px}.onboarding form{flex-direction:column;gap:20px;margin-top:27px;display:flex}.onboarding button{align-self:flex-start}.setup-page{max-width:720px;margin:65px auto;padding:0 22px}.setup-page .panel{padding:32px}.setup-page h1{margin-top:18px;font-size:26px}.setup-page p{color:#61778d;font-size:15px}.setup-page .primary,.setup-page .secondary{margin:5px 9px 0 0}.auth-page{place-items:center;min-height:100dvh;padding:35px 18px;display:grid}.auth-card{border:1px solid var(--border);background:#fff;border-radius:16px;width:min(460px,100%);padding:34px;box-shadow:0 14px 50px #213c5b08}.auth-card .brand{margin-bottom:28px}.auth-card h1{margin:10px 0;font-size:26px}.auth-card .eyebrow{margin-top:20px;display:block}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form .primary{width:100%}.auth-form .field{gap:7px;font-size:14px;display:grid}.auth-footer{text-align:center;border-top:1px solid #e3ebf3;margin-top:25px;padding-top:22px;font-size:14px}.auth-sub-link{text-align:right;margin-top:14px;font-size:13px;display:block}.auth-card .notice,.auth-card .error{font-size:14px;display:block}.auth-card p{color:#60768d;font-size:14px}.auth-card .error p{color:#9b3440}.auth-card .notice p{color:#25614f}.auth-card .brand-dot{border-radius:10px;width:35px;height:35px}.auth-card .brand{font-size:21px;font-weight:700}.auth-card>small{color:#647a90;font-size:13px}footer{text-align:center;color:#71869b;padding:35px 0;font-size:13px}@media (max-width:1050px){.workspace{padding:0 24px}.summary{grid-template-columns:23px 1fr;padding:18px 20px}.summary>strong{grid-column:2;margin-top:5px}.settings-grid,.billing-grid{gap:16px}.booking-toolbar{padding:19px}.toolbar-end{flex-wrap:wrap}.connection-steps{gap:15px}.tabs{gap:22px}}@media (max-width:740px){.workspace{padding:0 15px}.topbar{min-height:80px}.brandmark{width:39px;height:39px}.brand strong{font-size:19px}.top-actions .secondary{min-height:39px;padding:8px 12px}.top-actions{gap:8px}.context-bar{flex-direction:column;align-items:flex-start;gap:17px;margin:25px 0 19px}.store-switch{width:100%}.store-switch select{flex:1;min-width:0}.context-bar h1{font-size:25px}.tabs{gap:20px;overflow:auto}.tabs>button{gap:5px;font-size:14px}.tabs>button svg{display:none}.summary-grid{gap:8px;margin:19px 0}.summary{padding:14px 12px;display:block}.summary svg{margin-bottom:7px}.summary>span{font-size:12px;display:block}.summary>strong{margin-top:7px;font-size:25px;display:block}.connection-banner{flex-wrap:wrap;align-items:flex-start;gap:9px;padding:13px}.connection-banner>div{flex:1;min-width:220px}.connection-banner>svg{margin-top:3px}.connection-banner .text-button{margin-left:28px}.booking-toolbar{gap:18px;padding:17px 12px}.toolbar-end{justify-content:space-between;gap:6px;width:100%}.toolbar-end .primary{padding:9px 12px}.toolbar-end select{flex:1;max-width:155px}.day-picker{gap:5px}.day-picker>div{min-width:143px}.day-picker strong{font-size:18px}.panel{margin-top:20px;padding:20px}.booking-panel{padding:0}th,td{padding:16px 13px}.settings-grid,.billing-grid{grid-template-columns:1fr;gap:0}.connection-steps{grid-template-columns:1fr;gap:17px}.connection-panel{align-items:flex-start;gap:14px}.connection-icon{padding:13px}.connection-panel h2{font-size:18px}.subscription-summary{align-items:flex-start}.modal{padding:23px 18px}.form-grid{gap:12px}.form-footer>.primary{flex:1}.notice,.error{flex-wrap:wrap}.demo-banner{gap:5px;padding:12px 14px}.demo-banner span{font-size:12px}.onboarding{padding:23px}.onboarding h1{font-size:24px}.auth-card{padding:28px 23px}.field-help{line-height:1.8}.settings-grid .panel>h2{font-size:18px}}@media (max-width:400px){.tabs{gap:16px}.tabs>button{font-size:13px}.toolbar-end select{max-width:140px}.top-actions .badge{display:none}.form-grid{grid-template-columns:1fr}.summary{padding:12px 9px}.summary>span,.brand div>span{font-size:12px}}
