:root{--canvas:#f6f7f2;--ink:#223b35;--muted:#748078;--green:#164c42;--wash:#edf4e9;--line:#e2e7dc;--focus:#94b361}*{box-sizing:border-box}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.55}h1,h2,h3,h4,p{overflow-wrap:anywhere}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.2}h1{margin:6px 0 12px;font-size:clamp(28px,4vw,38px);font-weight:650}h2{margin:10px 0;font-size:23px}h3{margin:24px 0 12px;font-size:20px}h4{margin:12px 0;font-size:17px}p{margin:8px 0 16px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button,.button{font:inherit;border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:center;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:600;display:inline-flex}button:hover,.button:hover{background:var(--wash);text-decoration:none}button:disabled{cursor:default;opacity:.55}button.primary{background:var(--green);border-color:var(--green);color:#fff}button.primary:hover{background:#103d34}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}small,.hint{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:.14em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700}.brand{letter-spacing:-.09em;color:var(--green);align-items:center;gap:12px;font-size:32px;font-weight:750;display:flex}.brand span{letter-spacing:-.015em;max-width:75px;font-size:12px;font-weight:600;line-height:1.15}.brand-row{justify-content:space-between;align-items:center;display:flex}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:246px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.workspace-label{align-items:center;gap:10px;margin:36px 0 28px;display:flex}.workspace-label strong{overflow-wrap:anywhere;font-size:13px;display:block}.workspace-label small{font-size:11px;display:block}.workspace-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:9px;height:9px}nav{flex-direction:column;gap:5px;display:flex}nav a{color:var(--muted);border-radius:9px;align-items:center;gap:12px;min-height:46px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}nav a.active{background:var(--wash);color:var(--green)}nav a:hover{background:var(--wash);text-decoration:none}.nav-mark{border:1px solid;border-radius:5px;place-items:center;width:20px;height:20px;font-size:10px;display:grid}.sidebar-bottom{flex-direction:column;gap:12px;margin-top:auto;padding-top:36px;display:flex}.sidebar-bottom p{color:var(--muted);margin:0;font-size:12px}.sidebar-bottom .action button{width:100%}.menu-toggle{display:none}.main-content{min-width:0;max-width:1600px;margin-left:246px;padding:0 40px 48px}.topbar{border-bottom:1px solid var(--line);letter-spacing:.13em;min-height:74px;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:600;display:flex}.connection-label{color:var(--green)}.page-title{justify-content:space-between;align-items:center;gap:20px;margin:34px 0 26px;display:flex}.page-title p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.hero{background:var(--green);color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:32px 36px;display:flex;overflow:hidden}.hero .eyebrow{color:#b0cdc4}.hero h2{letter-spacing:-.025em;margin:15px 0;font-family:Georgia,serif;font-size:36px;font-weight:400;line-height:1.18}.hero p{color:#ccddd6;max-width:440px;font-size:14px}.hero .button{color:var(--green);background:#eff5e7;border-color:#0000;margin-top:10px;font-size:12px}.hero-mark{letter-spacing:-.1em;color:#96bfa5;padding-right:30px;font-family:Georgia,serif;font-size:120px;font-style:italic}.hero-mark span{color:#d8e6bd;font-family:system-ui;font-size:24px}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;display:grid}.stat,.panel,.record{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;padding:24px}.stat>p{color:var(--muted);margin-top:0;font-size:12px}.stat strong{margin-bottom:14px;font-size:18px;line-height:1.35;display:block}.stat small{display:block}.panel{margin:20px 0}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:10px 0 20px;display:flex}.section-title h2,.section-title h3{margin:0}.section-title a{font-size:12px;font-weight:600}.record-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.record h2{font-size:20px}.record p{color:var(--muted);font-size:14px}.record button{margin-top:12px}.badge{background:var(--wash);color:var(--green);overflow-wrap:anywhere;border-radius:20px;align-items:center;gap:5px;max-width:100%;padding:5px 10px;font-size:11px;font-weight:650;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge.muted{color:#665f53;background:#f1eee9}.empty{text-align:center;border:1px dashed var(--line);color:var(--muted);background:#fafbf8;border-radius:12px;margin:15px 0;padding:34px 20px}.empty span{font-size:28px}.empty p{margin:6px 0;font-size:14px}.loading{color:var(--muted);padding:16px}.pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:12px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 0 24px;display:grid}.field{min-width:0}.field.wide{grid-column:1/-1}.field label,.date-toolbar label{margin-bottom:7px;font-size:12px;font-weight:650;display:block}.field label span{color:var(--green)}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:#fff;border:1px solid #d1d8cd;border-radius:8px;min-width:0;min-height:46px;padding:11px 12px;font-size:16px}textarea{resize:vertical}.field small{margin-top:6px;line-height:1.45;display:block}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled{opacity:.7}.notice{background:#fffae9;border:1px solid #e8dcaa;border-radius:8px;padding:12px 14px;font-size:13px}.notice.error{color:#8c3129;background:#fff4f0;border-color:#eacac1}.notice.success{color:var(--green);background:var(--wash);border-color:#bcd5c3}.actions,.stock-control{flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;display:flex}.action{min-width:0}.action .notice{max-width:320px;margin:8px 0;font-size:12px}.subrecord{border:1px solid var(--line);border-radius:9px;margin:12px 0;padding:16px}.subrecord .section-title{margin:0 0 10px}.subrecord h4{margin:0}summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:13px;font-weight:600}.filter-box{border:1px solid var(--line);background:#fff;border-radius:12px;margin:16px 0 24px;padding:8px 20px 12px}.filter-box>summary{color:var(--green)}.stock-control strong{margin-right:auto}.date-toolbar{flex-wrap:wrap;align-items:end;gap:12px;margin:16px 0 24px;display:flex}.date-toolbar label{margin:0}.date-toolbar input{margin-top:6px}.date-toolbar button[aria-pressed=true],.slots button[aria-pressed=true]{color:#fff;background:var(--green);border-color:var(--green)}.slots{grid-template-columns:repeat(auto-fill,minmax(95px,1fr));gap:8px;margin:15px 0;display:grid}.public-preview{background:var(--wash);border-radius:10px;margin-top:24px;padding:20px}.private-note{background:#fffaf0;border-left:3px solid #bd874b;padding:12px 16px}.paused{font-weight:600;color:#805917!important}.message{background:var(--wash);border-radius:10px;max-width:92%;margin:12px 0;padding:14px 16px}.message.outgoing{background:#f0f1ec;margin-left:auto}.message p{white-space:pre-wrap;margin:8px 0 0}.message small{font-size:11px}.customer-tools{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}dialog{border:1px solid var(--line);width:min(760px,100vw - 24px);max-height:calc(100dvh - 32px);color:var(--ink);overscroll-behavior:contain;border-radius:16px;padding:24px 28px;overflow:auto;box-shadow:0 24px 100px #142b2833}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102d2866}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.modal-header h2{margin:0;font-size:21px}.icon-button{min-width:44px;padding:5px;font-size:22px}.boot-screen{max-width:700px;margin:auto;padding:48px}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:10px}.skip-link:focus{top:10px}.login-page{grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--green);color:#fff;flex-direction:column;justify-content:center;padding:48px 10%;display:flex;position:relative}.login-story .brand{color:#fff;position:absolute;top:40px}.login-story>.eyebrow{color:#a9cbbd}.login-story h1{letter-spacing:-.045em;margin:20px 0 28px;font-family:Georgia,serif;font-size:clamp(40px,5vw,66px);font-weight:400;line-height:1.1}.login-story h1 em{color:#d9e9bb}.login-story>p:not(.eyebrow){color:#c4d9ce;max-width:340px}.login-foot{letter-spacing:.05em;color:#c4d9ce;font-size:11px;position:absolute;bottom:36px}.login-form{flex-direction:column;justify-content:center;padding:80px 12%;display:flex}.login-form h2{margin:5px 0 16px;font-size:32px;font-weight:650}.login-form>p{color:var(--muted)}.login-form .form-grid{grid-template-columns:1fr;gap:22px;margin-top:22px}.login-form form button{width:100%;margin-bottom:16px}.login-form .hint{font-size:12px}@media (width>=1450px){.main-content{padding-left:60px;padding-right:60px}}@media (width<=1100px){.main-content{padding-left:24px;padding-right:24px}.hero-mark{display:none}.stat-grid{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}@media (width<=800px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;padding:14px 20px;position:static;overflow:visible}.sidebar .brand{font-size:28px}.menu-toggle{font-size:12px;display:inline-flex}.sidebar .workspace-label{margin:14px 0 0}.sidebar nav,.sidebar-bottom{display:none}.sidebar.expanded nav{margin:20px 0 8px;display:flex}.sidebar.expanded .sidebar-bottom{padding-top:14px;display:flex}.main-content{margin-left:0;padding:0 20px 36px}.topbar{min-height:48px;font-size:9px}.page-title{margin:24px 0 20px}.hero{padding:26px}.hero h2{font-size:30px}.login-page{grid-template-columns:1fr}.login-story{min-height:270px;padding:72px 24px 24px}.login-story .brand{top:20px}.login-story h1{margin:10px 0 14px;font-size:38px}.login-story .login-foot{display:none}.login-story>p:not(.eyebrow){margin-bottom:0}.login-form{justify-content:start;padding:32px 24px}.login-form h2{font-size:28px}}@media (width<=480px){.main-content{padding-left:16px;padding-right:16px}.page-title{flex-direction:column;align-items:start;gap:14px}.page-title>button{width:100%}.stat-grid{grid-template-columns:1fr;gap:12px}.stat:last-child{grid-column:auto}.stat,.panel,.record{padding:20px}.stat strong{font-size:16px}.hero{padding:24px}.hero h2{font-size:28px}.form-grid{grid-template-columns:1fr;gap:16px}.date-toolbar label{width:100%}.date-toolbar button{flex-grow:1}.section-title{flex-wrap:wrap}.actions>.action{flex:auto}.actions button{width:100%}dialog{padding:20px 16px}.modal-header h2{font-size:19px}.filter-box{padding:8px 16px 12px}.stock-control>.action{flex:1}.stock-control button,.stock-control strong{width:100%}.connection-label{letter-spacing:0}.login-story{min-height:255px}.login-form{padding:28px 22px}.pagination{gap:10px}.pagination button{padding:10px 12px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.saved-toast{z-index:200;color:#fff;pointer-events:none;background:#164c42;border-radius:10px;max-width:calc(100vw - 40px);padding:14px 20px;font-size:14px;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #163b3322}.internal-note{border:1px dashed var(--muted,#737d88);border-radius:.75rem;padding:1rem}