/* Shared presentation only. Loaded last; existing roster print rules remain authoritative. */
:root{--primary:#537684;--ink:#231916;--muted:#52656d;--soft:#eaf0f3;--line:#dfe6e9;font-family:'Inter','Yu Gothic UI','Meiryo',sans-serif;color-scheme:light}
body{background:#f3f5f6;color:var(--ink);font-size:16px;line-height:1.65;font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit}button,summary,a.os-quiet{touch-action:manipulation}button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #537684;outline-offset:3px}
.nav-more>summary,.os-next-business>summary,.os-settings>summary{cursor:pointer;padding:12px;min-height:44px;font-size:14px}
.nav-more>div,.os-next-business>div{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.nav-more{flex-basis:100%}.nav-more>div button{flex:0 1 auto}
#owner-sidebar{background:#243a45;padding:28px 16px;width:208px;gap:7px}#owner-sidebar .os-brand{font-size:14px;color:#fff}#owner-sidebar .os-side-label{color:#c1d3db;font-size:12px;margin-top:24px}
#owner-sidebar button{font-size:15px;color:#eaf0f3}#owner-sidebar button:hover{background:#354f5c}#owner-sidebar button[aria-current=page]{background:#537684;color:#fff}
#owner-sidebar .os-next-business{margin-top:16px;border-top:1px solid #46616d}#owner-sidebar .os-next-business>div{display:block;padding:0}#owner-sidebar summary{color:#cbdbe2;font-size:12px;letter-spacing:.04em}#owner-sidebar .os-settings{margin-top:auto;padding-top:24px}
.owner-session>main,.owner-session>#owner-business-nav{margin-left:208px;width:calc(100% - 208px)}#owner-business-nav{display:none}#owner-return:empty{display:none}
#owner-dashboard{display:block;background:transparent;color-scheme:light;font-size:16px;--os-ink:#231916;--os-muted:#52656d;--os-bg:#f3f5f6;--os-paper:#fff;--os-line:#dfe6e9;--os-soft:#eaf0f3;--os-accent:#456875;--os-button:#537684;--os-button-ink:#fff;--os-radius:14px}
#owner-dashboard .os-main{padding:24px 0}#owner-dashboard .os-sheet{padding:24px;border-radius:14px;margin-bottom:20px}#owner-dashboard h1{font-size:30px;line-height:1.4;letter-spacing:0}#owner-dashboard h2,#owner-dashboard .os-sheet>h2{font-size:20px;line-height:1.5}#owner-dashboard h3{font-size:16px}#owner-dashboard p{line-height:1.75}
#owner-dashboard .os-hello p,#owner-dashboard .os-work-row p,#owner-dashboard .os-empty,#owner-dashboard .owner-source-note,#owner-dashboard small{font-size:14px;color:#52656d}#owner-dashboard .os-quiet,#owner-dashboard .os-primary{font-size:15px;min-height:44px;padding:10px 14px}#owner-dashboard .os-work-row h3{font-size:16px}#owner-dashboard .os-num{min-width:26px;height:26px;font-size:13px;margin-right:10px}#owner-dashboard .os-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
#owner-dashboard .os-business-grid{gap:16px}#owner-dashboard .os-business-grid button{min-height:72px;white-space:normal;text-align:left}#owner-dashboard .os-work-row{padding:18px 0;overflow-wrap:anywhere}#owner-dashboard .os-period label,#owner-dashboard .os-period select,#owner-dashboard .os-segment button{font-size:14px}
#owner-dashboard .monthly-card h3{font-size:14px}#owner-dashboard .monthly-card strong{font-size:30px}#owner-dashboard .monthly-card p{font-size:14px}#owner-dashboard .monthly-tabs button{font-size:14px;min-height:44px}#owner-dashboard .monthly-heading label{font-size:14px}
.invoice-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.invoice-tabs button[aria-pressed=true]{background:#537684;color:#fff}.invoice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.invoice-grid label,.invoice-form label{display:grid;gap:6px}.invoice-form input,.invoice-form textarea,.invoice-form select{max-width:100%;min-width:0}.invoice-form>label,.invoice-form>.invoice-grid{margin-bottom:16px}.invoice-line{padding:16px;border:1px solid #dfe6e9;border-radius:10px;margin:14px 0}.invoice-list{padding:0;list-style:none}.invoice-list>li{padding:18px 0;border-top:1px solid #dfe6e9}.invoice-result{overflow-wrap:anywhere}.invoice-form fieldset{border:0;padding:0;margin:0;min-width:0}
@media(max-width:900px){#owner-sidebar{width:180px;padding:22px 12px}.owner-session>main{margin-left:180px;width:calc(100% - 180px);padding-left:20px;padding-right:20px}#owner-dashboard h1{font-size:26px}#owner-dashboard .os-sheet{padding:20px}}
@media(max-width:620px){#owner-sidebar{position:static;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;width:100%;padding:10px 14px;gap:6px}#owner-sidebar .os-brand{margin:0 auto 0 0}#owner-sidebar>button{font-size:14px;min-height:44px}#owner-sidebar>.os-next-business,#owner-sidebar>.os-settings{display:none}#owner-business-nav{display:flex;flex-wrap:wrap;overflow:visible;margin:0;padding:12px 14px;width:100%;gap:8px}#owner-business-nav>button{flex:1;min-width:0;min-height:44px;font-size:14px}#owner-business-nav>button[aria-current=page]{background:#537684;color:#fff}#owner-business-nav>.os-next-business{width:100%;border:1px solid #dfe6e9;border-radius:8px;background:#fff}#owner-business-nav .os-next-business button{white-space:normal;flex:1 1 45%;text-align:left}.owner-session>main{margin-left:0;width:100%;padding:0 14px 50px}#owner-dashboard .os-main{padding:12px 0}#owner-dashboard .os-sheet{padding:18px;margin-bottom:14px}#owner-dashboard h1{font-size:24px}#owner-dashboard h2,#owner-dashboard .os-sheet>h2{font-size:18px}#owner-dashboard .os-work-row{grid-template-columns:25px minmax(0,1fr)}#owner-dashboard .os-work-row>.os-quiet{grid-column:2;justify-self:start}#owner-dashboard .monthly-card strong{font-size:23px}#owner-dashboard .monthly-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#owner-dashboard .monthly-card{padding:12px}#owner-dashboard .monthly-card h3,#owner-dashboard .monthly-card p{font-size:13px}.invoice-grid{grid-template-columns:1fr}.invoice-form input,.invoice-form select,.invoice-form textarea{font-size:16px}#owner-return>button{font-size:14px}}
@media(max-width:620px){.owner-session>#owner-business-nav{display:flex;margin-left:0;width:100%}.shopping-item{display:flex;gap:12px;align-items:center;padding:12px 0}.shopping-item input{width:22px;height:22px;flex:none}}
.shopping-task{border-top:1px solid #dfe6e9;padding:20px 0}.shopping-item{display:flex;gap:12px;align-items:center;padding:10px 0}.shopping-item input{width:22px;height:22px;flex:none}
#invoice-preview{width:min(850px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #dfe6e9;border-radius:14px;padding:24px;background:#fff;color:#231916}#invoice-preview::backdrop{background:#243a4580}.invoice-watermark{padding:12px;border:2px solid #946322;color:#79501c;font-weight:700}.invoice-paper{overflow-wrap:anywhere}.invoice-paper h1{font-size:26px}.invoice-print-note{border-top:1px solid #dfe6e9;padding-top:14px}#invoice-print-area{display:none}
@media print{#owner-sidebar,#owner-business-nav,#owner-return,.invoice-tabs{display:none!important}.owner-session>main{margin:0;width:100%}body.invoice-printing>*:not(#invoice-print-area){display:none!important}body.invoice-printing>#invoice-print-area{display:block!important;background:#fff;color:#111;font-size:12px;padding:20px}.invoice-paper .monthly-scroll{overflow:visible;border:0}.invoice-paper .monthly-table{width:100%;min-width:0;font-size:12px}.invoice-paper .monthly-table td{white-space:normal}.invoice-paper .monthly-table th,.invoice-paper .monthly-table td{padding:8px}}

/* HP / reservation LP visual language. Screen only: printing stays unchanged. */
@media screen {
  :root {
    --bg:#f8f0e6; --paper:#fcf7ef; --ink:#292522; --muted:#655d55;
    --line:#d7ccbe; --soft:#e9efef; --primary:#537684;
    --brand-blue:#5a7d8b; --brand-link:#456875;
    --brand-serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',serif;
  }
  body {background:var(--bg);color:var(--ink)}
  a,.brand {color:var(--brand-link)}
  .brandrow {padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:28px}
  .brand {font-family:Georgia,var(--brand-serif);font-size:17px;font-weight:500;letter-spacing:.12em}
  .hero {background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:24px 0 30px}
  .hero h1,.card h2,dialog h2 {font-family:var(--brand-serif);font-weight:500;letter-spacing:.06em}
  .hero h1 {font-size:clamp(28px,3vw,40px);line-height:1.5}
  .eyebrow {color:var(--brand-link);letter-spacing:.13em}
  .card,.member-card {background:var(--paper);border-color:var(--line);border-radius:3px;box-shadow:none}
  .card {padding:28px}
  .tabs {border-color:var(--line);gap:4px}
  .tabs button {color:var(--muted)}
  .tabs button[aria-current=page] {color:var(--brand-link);background:transparent;border-color:var(--brand-blue)}
  button,input,select,textarea {border-radius:3px}
  button {background:var(--paper);border-color:var(--line)}
  button.primary:not(:disabled) {background:var(--primary);border-color:var(--primary);color:#fff}
  button.primary:not(:disabled):hover {background:var(--brand-link)}
  input:not([type=checkbox]):not([type=radio]),select,textarea {background:#fffdf8;border-color:var(--line);color:var(--ink);font-size:16px}
  input[type=checkbox],input[type=radio] {accent-color:var(--primary)}
  button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {outline:3px solid var(--brand-link);outline-offset:3px}
  .number {background:transparent;color:var(--brand-link);border-color:var(--line);border-radius:0}
  dialog,#invoice-preview,.save-error-dialog {background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px}
  .invoice-line {border-color:var(--line);border-radius:3px}
  .invoice-list>li,.shopping-task,.invoice-print-note {border-color:var(--line)}
  #owner-sidebar {background:var(--paper);border-right:1px solid var(--line);padding-top:34px}
  #owner-sidebar .os-brand {font-family:Georgia,var(--brand-serif);color:var(--brand-link);letter-spacing:.13em;font-weight:500}
  #owner-sidebar .os-logo {color:var(--brand-link);border-color:var(--brand-blue);border-radius:0;background:transparent}
  #owner-sidebar .os-side-label,#owner-sidebar summary {color:var(--muted);letter-spacing:.12em}
  #owner-sidebar button {color:var(--ink);border-radius:2px}
  #owner-sidebar button:hover {background:var(--soft);color:var(--brand-link)}
  #owner-sidebar button[aria-current=page] {background:var(--primary);color:#fff}
  #owner-sidebar .os-next-business {border-color:var(--line)}
  #owner-dashboard {
    --os-bg:var(--bg);--os-paper:var(--paper);--os-ink:var(--ink);--os-muted:var(--muted);
    --os-line:var(--line);--os-soft:var(--soft);--os-accent:var(--brand-link);
    --os-button:var(--primary);--os-button-ink:#fff;--os-hero:#537684;--os-radius:3px;
    border-radius:0;
  }
  #owner-dashboard .os-main {padding-top:14px}
  #owner-dashboard .os-hello {padding:8px 0 28px;border-bottom:1px solid var(--line);margin-bottom:30px}
  #owner-dashboard h1 {font-family:var(--brand-serif);font-size:clamp(28px,3vw,40px);font-weight:500;letter-spacing:.06em;line-height:1.5}
  #owner-dashboard h2 {font-family:var(--brand-serif);font-weight:500;letter-spacing:.035em}
  #owner-dashboard .os-sheet {border-radius:3px;box-shadow:none;padding:28px;margin-bottom:24px}
  #owner-dashboard .os-sheet>h2 {margin-bottom:16px}
  #owner-dashboard .os-num {border-radius:0;background:transparent;color:var(--brand-link);border:1px solid var(--line);margin-right:12px}
  #owner-dashboard .os-hello p,#owner-dashboard .os-work-row p,#owner-dashboard .os-empty,#owner-dashboard .owner-source-note,#owner-dashboard small {color:var(--muted)}
  #owner-dashboard .os-quiet,#owner-dashboard .os-primary,#owner-dashboard .os-business,#owner-dashboard .os-segment,#owner-dashboard .os-segment button {border-radius:3px}
  #owner-dashboard .os-business-grid {gap:14px;margin-top:20px}
  #owner-dashboard .os-business-grid button {padding:20px 16px;border-color:var(--line);min-height:102px}
  #owner-dashboard .os-business-grid button:hover {border-color:var(--brand-blue);background:var(--soft)}
  #owner-dashboard .os-business-grid h3 {font-family:var(--brand-serif);color:var(--brand-link);font-size:19px;font-weight:500}
  #owner-dashboard .os-business-grid p {font-size:14px}
  #owner-dashboard .os-period select,#owner-dashboard .os-segment button {min-height:44px}
  #owner-dashboard .os-total {background:var(--primary);color:#fff}
  #owner-dashboard .os-total small,#owner-dashboard .os-total p {color:#fff}
  #owner-dashboard .os-total:after {display:none}
  #owner-dashboard .os-total-number {font-family:Georgia,serif;letter-spacing:0}
  #owner-dashboard .monthly-card {background:var(--paper);border-color:var(--line);border-radius:3px;box-shadow:none}
  #owner-dashboard .monthly-card strong {color:var(--brand-link)}
  #owner-dashboard .monthly-card h3 {font-family:inherit}
  #owner-dashboard .os-person {border-radius:3px}
  #owner-dashboard .os-compose,#owner-dashboard .os-detail-meta div {border-radius:3px}
  #owner-business-nav {background:var(--bg)}
  #owner-business-nav button {background:var(--paper);border-color:var(--line);border-radius:3px}
  #owner-dashboard input,#owner-dashboard select,#owner-dashboard textarea {border-radius:3px;font-size:16px}
  #owner-business-nav>.os-next-business {border-color:var(--line);border-radius:3px;background:var(--paper)}
  @media(max-width:620px) {
    .brandrow {margin:20px 0;padding-bottom:16px;gap:12px}
    .brand {font-size:14px;letter-spacing:.06em}
    .card {padding:20px}
    .hero {padding:16px 0 24px}
    #owner-sidebar {padding:14px;border-right:0;border-bottom:1px solid var(--line)}
    #owner-dashboard .os-main {padding-top:12px}
    #owner-dashboard .os-hello {padding-bottom:22px;margin-bottom:22px}
    #owner-dashboard .os-sheet {padding:20px;margin-bottom:18px}
    #owner-dashboard .os-business-grid {gap:10px}
    #owner-dashboard .os-business-grid button {padding:16px 12px}
    #owner-dashboard .os-business-grid h3 {font-size:17px}
    #owner-dashboard .os-business-grid p {font-size:13px}
  }
}

/* Readability correction: white surfaces, neutral gray, logo blue. Screen only. */
@media screen {
  :root {
    --bg:#f4f6f8; --paper:#ffffff; --ink:#202c35; --muted:#52616d;
    --line:#cdd6dd; --soft:#eaf0f4; --primary:#496e7f;
    --brand-blue:#5a7d8b; --brand-link:#365e72;
    --ui-font:Arial,'Noto Sans JP','Yu Gothic UI','Meiryo',sans-serif;
  }
  body {font-family:var(--ui-font);background:var(--bg);color:var(--ink)}
  button,input,select,textarea {font-family:var(--ui-font)}
  .brand,.hero h1,.card h2,dialog h2,#owner-sidebar .os-brand,
  #owner-dashboard,#owner-dashboard h1,#owner-dashboard h2,
  #owner-dashboard .os-business-grid h3,#owner-dashboard .os-total-number {font-family:var(--ui-font)}
  .brand,#owner-sidebar .os-brand {font-weight:700;letter-spacing:.045em}
  .hero h1,#owner-dashboard h1 {font-size:clamp(25px,2.4vw,32px);font-weight:700;letter-spacing:0;line-height:1.45}
  .card h2,dialog h2,#owner-dashboard h2 {font-weight:700;letter-spacing:0}
  .brandrow {margin-bottom:20px;padding-bottom:16px}
  .hero {padding:16px 0 22px}
  .card {padding:24px}
  input:not([type=checkbox]):not([type=radio]),select,textarea {background:#fff;border-color:#aebdc8;color:var(--ink)}
  #owner-dashboard input,#owner-dashboard select,#owner-dashboard textarea {background:#fff;border-color:#aebdc8;color:var(--ink)}
  #owner-sidebar {background:#fff}
  #owner-sidebar button {font-weight:600}
  #owner-sidebar button[aria-current=page],#owner-business-nav>button[aria-current=page] {background:var(--primary);color:#fff}
  #owner-dashboard .os-hello {padding:4px 0 20px;margin-bottom:22px}
  #owner-dashboard .os-sheet {padding:24px;margin-bottom:20px}
  #owner-dashboard .os-sheet>h2 {padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:16px}
  #owner-dashboard .os-business-grid h3 {font-size:18px;font-weight:700;color:var(--ink)}
  #owner-dashboard .os-business-grid button {min-height:90px}
  #owner-dashboard .os-num,.number {background:var(--soft);border-color:transparent;font-family:var(--ui-font);font-weight:600}
  #owner-dashboard .os-total {background:var(--primary)}
  #owner-dashboard .os-total-number {font-weight:700}
  #owner-dashboard .monthly-card strong {color:var(--ink)}
  #owner-dashboard .os-quiet {color:var(--brand-link);border-color:#b4c4ce;font-weight:600}
  /* Keep amounts and missing-value states; omit repetitive process commentary. */
  #owner-dashboard .monthly-day-sales + p,
  #owner-dashboard .monthly-recent > p,
  #owner-dashboard .monthly-day-weather > small {display:none}
  @media(max-width:620px) {
    .card,#owner-dashboard .os-sheet {padding:18px}
    #owner-dashboard .os-hello {padding-bottom:18px;margin-bottom:18px}
    #owner-dashboard .os-business-grid h3 {font-size:17px}
  }
}

@media screen {
  .monthly-expense-check {border:1px solid var(--line);background:var(--paper);padding:16px 18px;margin:16px 0}
  .monthly-check-heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
  #owner-dashboard .monthly-check-heading .os-actions {margin:0}
  .monthly-expense-check ol {padding-left:24px;line-height:1.8}
  .monthly-expense-check li {margin:8px 0}
  .monthly-connection-help {padding-top:16px;border-top:1px solid var(--line)}
  .monthly-attendance-check ul {list-style:none;padding:0;margin:16px 0}
  .monthly-attendance-item {display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
  #owner-dashboard .monthly-attendance-item p {margin-top:6px}
  #owner-dashboard .monthly-check-action {font-weight:700;color:var(--brand-link)}
  #owner-dashboard .monthly-attendance-item .os-actions {margin-top:0}
  .monthly-source-link {display:inline-block;margin:6px 0;text-decoration:none}
  @media(max-width:620px){.monthly-attendance-item{display:block}.monthly-attendance-item .os-actions{padding-top:12px}.monthly-expense-check{padding:14px}}
}

/* Workspace: action first; keep global business navigation and owner identity. */
@media screen {
 body.owner-workspace .brandrow .brand,body.owner-workspace .app-refresh-controls span,body.owner-workspace #connection[data-kind="quiet"]{display:none!important}
 body.owner-workspace .brandrow{justify-content:flex-end;margin:0;padding:0;border:0}
 body.owner-workspace [data-reservation-inbox-button]{display:none!important}
 .workspace-mobile-menu{width:100%}.workspace-mobile-menu>summary{padding:12px;cursor:pointer;font-weight:700;min-height:44px}
 body.owner-workspace .app-refresh-controls{margin:0 0 6px;justify-content:flex-end}
 body.owner-workspace .os-hello{margin:0 0 20px}
 body.owner-workspace .os-hello h1{font-size:28px}
 body.owner-workspace .os-sheet{padding:22px;margin-bottom:16px;border:1px solid #d5dfe5;border-radius:12px;background:#fff}
 body.owner-workspace .os-sheet h2{font-size:19px;margin:0 0 16px}
 .workspace-notices{display:grid;grid-template-columns:1fr 1fr;gap:24px}
 .workspace-notices>div+div{border-left:1px solid #d5dfe5;padding-left:24px}
 body.owner-workspace [data-reservation-inbox]{margin:0!important;padding:0!important;border:0!important}
 body.owner-workspace .workspace-notices h3{font-size:17px;margin:0 0 10px}
 body.owner-workspace .os-work-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:14px 0;border-bottom:1px solid #e4eaee}
 body.owner-workspace .os-work-row h3{font-size:16px;line-height:1.65;overflow-wrap:anywhere;margin:0 0 4px}
 body.owner-workspace .os-work-row p{font-size:13px;margin:0;color:#52616d}
 .workspace-fold{border-top:1px solid #e4eaee;margin-top:12px}
 .workspace-fold>summary{cursor:pointer;font-weight:700;padding:15px 0;min-height:44px;box-sizing:border-box}
 .workspace-count{display:inline-block;font-size:13px;color:#365e72;background:#eaf0f4;padding:2px 9px;border-radius:20px;margin-left:8px}
 body.owner-workspace .os-period{margin:0 0 14px;gap:12px;flex-wrap:wrap}
 body.owner-workspace .os-sheet>.workspace-fold:first-child{border:0;margin:0}
 body.owner-workspace #owner-shopping{padding:0;margin:0;border:0;box-shadow:none}
 body.owner-workspace #owner-shopping>h2,body.owner-workspace #owner-shopping>.os-head,body.owner-workspace #owner-shopping>p:first-of-type:not(.notice){display:none}
 .workspace-footer{display:flex;gap:16px;flex-wrap:wrap;margin-top:14px;font-size:13px}
 body.owner-workspace a:focus-visible,body.owner-workspace summary:focus-visible{outline:3px solid #496e7f;outline-offset:4px}
 @media(max-width:640px){.workspace-notices{grid-template-columns:1fr;gap:18px}.workspace-notices>div+div{border-left:0;border-top:1px solid #d5dfe5;padding:18px 0 0}body.owner-workspace .os-sheet{padding:18px}body.owner-workspace .os-work-row{grid-template-columns:minmax(0,1fr)}body.owner-workspace .os-work-row>a{justify-self:start}body.owner-workspace .os-hello h1{font-size:25px}}
}

/* Presentation update: existing forms and authenticated actions remain in place. */
@media screen {
 .report-notice-compact{background:#fff;border:1px solid #dce4e9;border-left:4px solid #537684;border-radius:16px;padding:18px 22px;margin:0 0 20px}
 .report-notice-compact h2{font-size:17px;margin:0}.report-notice-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #e8edef}.report-notice-row small{display:block;color:#52616f;margin-top:4px}.report-notice-compact>a{display:inline-block;margin-top:12px}
 .review-progress{display:flex;align-items:center;gap:24px;margin:18px 0}.review-ring{width:144px;height:144px;position:relative;flex-shrink:0}.review-ring svg,.expense-ring svg{width:100%;height:100%;overflow:visible}.review-ring circle,.expense-ring circle{fill:none;stroke-width:9}.ring-track{stroke:#e8eef2}.ring-value{stroke:#537f91;stroke-linecap:round}.review-ring>strong{position:absolute;inset:0;display:grid;place-items:center;font-size:32px;font-variant-numeric:tabular-nums}.review-eyebrow{font-size:11px;letter-spacing:.14em;color:#566e7d;margin:0 0 8px;font-weight:700}.review-total{font-size:32px;line-height:1.2;font-variant-numeric:tabular-nums}.review-total small{font-size:13px;color:#536572}.review-next{font-size:13px;color:#536572;max-width:260px}.ops-progress{margin-top:18px}
 #owner-dashboard .expense-ring svg{width:100%;height:100%;display:block}
 .review-expenses{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr);gap:30px;background:#f6f9fb;border:1px solid #dce5eb;border-radius:20px;padding:26px;margin:24px 0 30px;align-items:center}.review-expenses h3{margin:0 0 18px}.expense-ring{width:210px;height:210px;position:relative;margin:auto}.expense-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px}.expense-ring strong{font-size:22px;font-variant-numeric:tabular-nums}.expense-ring small{font-size:12px;color:#536572}.expense-legend>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto 48px;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #dce5eb}.expense-legend i{width:8px;height:8px;border-radius:50%}.expense-legend strong,.expense-legend small{font-variant-numeric:tabular-nums;text-align:right}.expense-legend small{color:#536572}.expense-color-0{stroke:#476f88;background:#476f88}.expense-color-1{stroke:#7796ab;background:#7796ab}.expense-color-2{stroke:#253e57;background:#253e57}.expense-color-3{stroke:#6eaaa6;background:#6eaaa6}.expense-color-4{stroke:#a9bbc9;background:#a9bbc9}.expense-color-5{stroke:#716d93;background:#716d93}
 #owner-dashboard .monthly-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#owner-dashboard .monthly-card{border:1px solid #dce5eb;box-shadow:none;border-radius:16px;padding:22px;background:#fff}#owner-dashboard .monthly-card strong{font-size:clamp(25px,2.6vw,38px);letter-spacing:-.035em;font-variant-numeric:tabular-nums}#owner-dashboard .monthly-card:first-child{background:#203b50;color:#fff}#owner-dashboard .monthly-card:first-child :is(h3,strong,small,p,span){color:#fff}.monthly-tabs{gap:5px}.monthly-tabs button{border-radius:8px}
 body.staff-presentation{background:#eff3f6;color:#1c3040}body.staff-presentation .app{max-width:1320px}body.staff-presentation .hero{background:#172c3e;color:#fff;border:0;border-radius:22px;padding:28px 32px}body.staff-presentation .hero :is(h1,p,.eyebrow){color:#edf5fb}body.staff-presentation .hero h1{font-size:34px}body.staff-presentation .hero .goal{color:#253b4e}body.staff-presentation .card{border:1px solid #dce4e9;border-radius:18px;box-shadow:none;background:#fff}body.staff-presentation .card h2{font-size:17px}body.staff-presentation .number{background:#eaf0f4;color:#42657b}body.staff-presentation button.primary{background:#456e84;border-color:#456e84;color:#fff}body.staff-presentation .tabs{background:#fff;padding:8px;border:1px solid #dce4e9;border-radius:14px}body.staff-presentation .tabs button{border-radius:9px;min-height:44px}body.staff-presentation .tabs button[aria-current=page]{background:#203b50;color:#fff}
 body.staff-home #content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px;align-items:start}.home-primary,.home-secondary{display:grid;gap:16px;min-width:0}.home-primary>.card{margin:0}.home-secondary .home-fold{padding:0;margin:0;overflow:hidden}.home-fold>summary{padding:19px 22px;cursor:pointer;display:grid;grid-template-columns:1fr 18px;gap:6px;font-weight:700;list-style:none}.home-fold>summary::-webkit-details-marker{display:none}.home-fold>summary:after{content:'+';grid-column:2;grid-row:1 / 3;align-self:center;color:#537684;font-size:22px}.home-fold[open]>summary:after{content:'−'}.home-fold>summary small{font-size:12px;font-weight:400;color:#546674;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;grid-column:1}.home-fold-body{padding:0 22px 22px;border-top:1px solid #e8edef}.home-fold-body>.row{margin-top:16px}body.staff-home .home-primary .timebox{background:#f2f6f9}.home-fold:focus-within{outline:2px solid #537684;outline-offset:2px}
 @media(min-width:1200px){body.staff-presentation:not(.owner-session) .app{padding-left:210px}body.staff-presentation:not(.owner-session) #nav{position:fixed;left:22px;top:24px;bottom:24px;width:180px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;z-index:20;background:#172c3e;border:0}body.staff-presentation:not(.owner-session) #nav button{color:#e3edf4;background:transparent;text-align:left;margin:3px 0}body.staff-presentation:not(.owner-session) #nav button[aria-current=page]{background:#38566b;color:white}}
 @media(max-width:1100px){.review-expenses{grid-template-columns:1fr;gap:20px}.expense-ring{width:190px;height:190px}.review-expenses>div:first-child{text-align:center}.review-progress{gap:16px}.review-ring{width:125px;height:125px}}
 @media(max-width:760px){body.staff-home #content{grid-template-columns:1fr}body.staff-presentation .hero{padding:22px}body.staff-presentation .hero h1{font-size:27px}.report-notice-compact{padding:16px}.report-notice-row{align-items:flex-start;flex-wrap:wrap;gap:8px}.review-expenses{padding:18px}.expense-legend>div{grid-template-columns:8px minmax(0,1fr) auto 42px;font-size:12px;gap:7px}#owner-dashboard .monthly-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#owner-dashboard .monthly-card{padding:16px}#owner-dashboard .monthly-card strong{font-size:24px}body.staff-presentation .app{padding-bottom:130px}body.staff-presentation #nav{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:60;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;box-shadow:0 5px 25px #172c3e25}body.staff-presentation #nav button{padding:8px 4px;font-size:11px;margin:0;min-width:0;white-space:normal}body.staff-presentation #nav button:nth-child(n+5){font-size:10px}}
 body.staff-home .hero{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-items:start;margin-bottom:22px}body.staff-home .hero>.eyebrow{grid-column:1;font-size:11px;margin:0}body.staff-home .hero>h1{grid-column:1;margin:8px 0;font-size:28px}body.staff-home .hero>#description{grid-column:1;font-size:12px;margin:0}body.staff-home .hero>#hero-extra{grid-column:2;grid-row:1 / 4}body.staff-home .home-daily-goal h2{color:#edf5fb;font-size:13px}body.staff-home .home-daily-amount{font-size:34px!important;margin:5px 0!important}body.staff-home .home-daily-basis{font-size:11px;margin:0 0 10px!important}body.staff-home .home-month-goal{padding-top:8px;font-size:11px;border-color:#506476}body.staff-home .home-month-goal>strong{font-size:17px}body.staff-home .home-goal-source{font-size:10px;margin:6px 0 0!important}
 @media(max-width:600px){body.staff-home .hero{grid-template-columns:1fr;gap:4px}body.staff-home .hero>#hero-extra{grid-column:1;grid-row:auto;margin-top:16px}.home-sales-goals{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-month-goal{display:block}.home-month-goal>strong{display:block}.home-goal-source{grid-column:1 / -1}}
 @media(prefers-reduced-motion:reduce){.review-ring *{transition:none}}
}

/* Reference: Notion UI reference page / Gentelella dashboard's Recent Orders table. */
@media screen{
 body.owner-workspace #owner-dashboard .os-sheet{border-radius:12px;border:1px solid #e2e8ec;padding:24px;background:#fff;box-shadow:0 2px 6px #20313c03}
 body.owner-workspace #owner-dashboard .os-work-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 0}
 body.owner-workspace #owner-dashboard .os-work-row>div{min-width:0;grid-column:auto}
 body.owner-workspace #owner-dashboard .os-work-row :is(h3,p){width:auto;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:anywhere}
 body.owner-workspace #owner-dashboard .os-work-row>a{grid-column:auto;justify-self:end;white-space:nowrap}
 #owner-dashboard .workspace-task-list{width:100%;min-width:0;margin:4px 0 10px}
 #owner-dashboard .workspace-task-list table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}
 #owner-dashboard .workspace-task-list th{background:#f4f7f9;color:#63747e;font-size:12px;font-weight:500;padding:12px 10px;white-space:nowrap;border-bottom:1px solid #dce5eb}
 #owner-dashboard .workspace-task-list th:first-child{width:108px}#owner-dashboard .workspace-task-list th:nth-child(3){width:90px}#owner-dashboard .workspace-task-list th:nth-child(4){width:82px}#owner-dashboard .workspace-task-list th:last-child{width:124px}
 #owner-dashboard .workspace-task-list td{padding:16px 10px;vertical-align:middle;border-bottom:1px solid #e8edf0;color:#20313c;line-height:1.6;writing-mode:horizontal-tb}
 #owner-dashboard .workspace-task-list tr:last-child td{border-bottom:0}
 #owner-dashboard .workspace-task-list tbody tr:hover{background:#f7fafc}
 #owner-dashboard .workspace-task-list h3{font-size:15px;font-weight:600;line-height:1.65;letter-spacing:0;margin:0;white-space:normal;word-break:normal;overflow-wrap:anywhere}
 #owner-dashboard .workspace-task-business span{display:inline-block;background:#eaf1f5;color:#456777;border-radius:5px;padding:4px 7px;font-size:12px;line-height:1.5}
 #owner-dashboard .workspace-task-status span{display:inline-block;font-size:12px;color:#526775;background:#f0f4f6;border-radius:20px;padding:3px 8px;white-space:nowrap}
 #owner-dashboard .workspace-task-due{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
 #owner-dashboard .workspace-task-action a{display:inline-flex;align-items:center;min-height:44px;font-size:12px;color:#456d82;text-decoration:none;text-underline-offset:4px;font-weight:600;white-space:normal}
 #owner-dashboard .workspace-task-action a:hover{text-decoration:underline}
 #owner-dashboard .workspace-task-action a:focus-visible{outline:3px solid #527989;outline-offset:3px}
 #owner-dashboard .workspace-task-action p{font-size:12px;margin:0}
 #owner-dashboard .workspace-fold>summary{font-size:14px;color:#344d5d;font-weight:600}
 #owner-dashboard .workspace-notices .workspace-task-list thead{display:none}
 #owner-dashboard .workspace-notices .workspace-task-list :is(table,tbody){display:block}
 #owner-dashboard .workspace-notices .workspace-task-list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:17px 0;border-bottom:1px solid #e2e8ec}
 #owner-dashboard .workspace-notices .workspace-task-list tr:last-child{border:0}
 #owner-dashboard .workspace-notices .workspace-task-list td{display:block;padding:0;border:0;min-width:0}
 #owner-dashboard .workspace-notices .workspace-task-business{grid-column:1;grid-row:1}
 #owner-dashboard .workspace-notices .workspace-task-title{grid-column:1/-1;grid-row:2}
 #owner-dashboard .workspace-notices .workspace-task-status{grid-column:2;grid-row:1;justify-self:end}
 #owner-dashboard .workspace-notices .workspace-task-due{grid-column:1;grid-row:3;align-self:center}
 #owner-dashboard .workspace-notices .workspace-task-due:before{content:'期限 ';color:#63747e}
 #owner-dashboard .workspace-notices .workspace-task-action{grid-column:2;grid-row:3;justify-self:end}
 @media(max-width:1050px){
  #owner-dashboard .workspace-task-list thead{display:none}
  #owner-dashboard .workspace-task-list :is(table,tbody){display:block}
  #owner-dashboard .workspace-task-list tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:17px 0;border-bottom:1px solid #e2e8ec}
  #owner-dashboard .workspace-task-list tr:last-child{border:0}
  #owner-dashboard .workspace-task-list td{display:block;padding:0;border:0;min-width:0}
  #owner-dashboard .workspace-task-business{grid-column:1;grid-row:1}
  #owner-dashboard .workspace-task-title{grid-column:1/-1;grid-row:2}
  #owner-dashboard .workspace-task-status{grid-column:2;grid-row:1;justify-self:end}
  #owner-dashboard .workspace-task-due{grid-column:1;grid-row:3;align-self:center}
  #owner-dashboard .workspace-task-due:before{content:'期限 ';color:#63747e}
  #owner-dashboard .workspace-task-action{grid-column:2;grid-row:3;justify-self:end}
 }
 @media(max-width:640px){body.owner-workspace #owner-dashboard .os-sheet{padding:18px}body.owner-workspace #owner-dashboard .os-work-row{grid-template-columns:minmax(0,1fr)}body.owner-workspace #owner-dashboard .os-work-row>a{justify-self:start}#owner-dashboard .workspace-task-list h3{font-size:14px}}
}