:root{--bg:#f6f2eb;--ink:#0d2b4d;--muted:#5f6f83;--line:rgba(13,43,77,0.12);--surface:rgba(255,252,247,0.88);--surface-strong:#fffaf5;--brand:#f28c28;--brand-deep:#d87414;--accent:#0d2b4d;--danger:#991b1b;--warning:#f28c28;--radius:24px;--shadow:0 26px 60px rgba(13,43,77,0.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(242,140,40,.14),transparent 26%),radial-gradient(circle at bottom right,rgba(13,43,77,.12),transparent 24%),linear-gradient(180deg,#fffaf5,#f6f2eb);color:var(--ink);font-family:IBM Plex Sans,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.88);color:var(--ink);border-radius:16px;padding:.9rem 1rem}textarea{min-height:112px;resize:vertical}button{border:0;border-radius:14px;background:rgba(20,33,61,.08);color:var(--ink);padding:.82rem 1rem;transition:transform .18s ease,background .18s ease,color .18s ease}button:hover{transform:translateY(-1px)}button.primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:white}button.danger{background:transparent;color:var(--danger);border-color:rgba(153,27,27,.3)}button.danger:hover{background:var(--danger);color:white;border-color:var(--danger)}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--muted)}.brand-card-top,.hero-brand{display:flex;align-items:center;gap:1rem}.brand-wordmark{display:grid;grid-gap:.3rem;gap:.3rem}.brand-wordmark.is-stacked{gap:.5rem}.brand-wordmark-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:.15rem;font-family:Montserrat,Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(1.75rem,2.2vw,2.5rem);font-weight:700;letter-spacing:-.04em;line-height:.95}.brand-wordmark.is-stacked .brand-wordmark-main{font-size:clamp(2.2rem,3vw,3.4rem)}.brand-jp,.brand-work{color:#0d2b4d}.brand-hub{color:#f28c28}.brand-wordmark-sub{display:flex;align-items:center;gap:.8rem;color:var(--ink)}.brand-wordmark-sub span{width:2.4rem;height:2px;border-radius:999px;background:rgba(242,140,40,.9)}.brand-wordmark-sub small{font-family:Montserrat,IBM Plex Sans,sans-serif;font-size:.88rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);grid-gap:1.25rem;gap:1.25rem;padding:1.5rem;max-width:960px;width:100%;margin-inline:auto;align-content:center}.auth-card,.auth-hero,.box-card,.brand-card,.cw-sidebar,.list-card,.metric-card,.panel{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.auth-card,.auth-hero,.box-card,.brand-card,.metric-card,.panel{border-radius:var(--radius)}.auth-hero{padding:3rem;display:grid;align-content:center;grid-gap:1.2rem;gap:1.2rem;background:linear-gradient(155deg,rgba(242,140,40,.18),transparent 36%),linear-gradient(215deg,rgba(13,43,77,.12),transparent 34%),var(--surface)}.auth-hero h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:clamp(2rem,3.6vw,3.8rem);line-height:.96;letter-spacing:-.05em;max-width:22ch}.auth-hero p{margin:0;max-width:58ch;color:var(--muted)}.auth-points{display:flex;flex-wrap:wrap;gap:.75rem}.auth-points span,.pill{border-radius:999px;padding:.45rem .8rem;font-size:.82rem;font-weight:700}.auth-points span{background:rgba(13,43,77,.08)}.auth-card{padding:1.6rem;display:grid;align-content:center;grid-gap:1rem;gap:1rem}.auth-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.auth-tabs button.is-active,.tab-link.is-active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:white}.auth-form,.form-grid{display:grid;grid-gap:.9rem;gap:.9rem}.cw-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:1.15rem;gap:1.15rem;align-items:start;padding:1rem 1rem 1rem .85rem}.cw-sidebar{border-radius:32px;position:-webkit-sticky;position:sticky;top:.9rem;min-height:calc(100vh - 1.8rem);width:100%;padding:.9rem;display:grid;grid-gap:.85rem;gap:.85rem;align-content:start;background:linear-gradient(180deg,rgba(255,250,245,.995),rgba(244,237,226,.975));overflow:hidden;margin-left:-.2rem;margin-top:-.1rem}.brand-card{padding:.8rem .85rem .9rem;background:linear-gradient(155deg,rgba(13,43,77,.1),rgba(242,140,40,.16),rgba(255,255,255,.92))}.brand-card-top{align-items:center;gap:.75rem;min-width:0}.brand-card-top>div,.cw-sidebar .brand-wordmark{min-width:0}.cw-sidebar .brand-wordmark-main{font-size:clamp(1.15rem,1.7vw,1.55rem);white-space:nowrap}.cw-sidebar .brand-wordmark-sub{gap:.55rem}.cw-sidebar .brand-wordmark-sub span{width:1.6rem}.cw-sidebar .brand-wordmark-sub small{font-size:.68rem;letter-spacing:.14em}.brand-card h2{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;font-size:2rem}.brand-office-chip{margin-top:.75rem;display:grid;grid-gap:.15rem;gap:.15rem;padding:.7rem .9rem;border-radius:16px;background:linear-gradient(135deg,rgba(13,43,77,.06),rgba(242,140,40,.08))}.brand-office-chip span{font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);overflow-wrap:anywhere}.brand-office-chip strong{font-size:1rem;color:var(--ink);overflow-wrap:anywhere}.sidebar-nav{display:grid;grid-gap:.38rem;gap:.38rem}.tab-link{padding:.68rem .72rem;text-align:left;display:grid;grid-template-columns:3px 30px minmax(0,1fr);grid-gap:.6rem;gap:.6rem;align-items:center;width:100%;background:rgba(13,43,77,.055);border:1px solid rgba(13,43,77,.05);border-radius:16px;min-height:62px}.tab-link-indicator{width:3px;height:32px;border-radius:999px;background:transparent}.tab-link-icon{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(13,43,77,.07);color:var(--ink)}.tab-link-copy{display:grid;grid-gap:.12rem;gap:.12rem;min-width:0}.tab-link-copy span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;opacity:.72}.tab-link-copy strong{font-size:.94rem;line-height:1.1}.tab-link.is-active{box-shadow:0 12px 28px rgba(242,140,40,.22)}.tab-link.is-active .tab-link-indicator{background:rgba(255,255,255,.95)}.tab-link.is-active .tab-link-icon{background:rgba(255,255,255,.18);color:white}.tab-link.is-active .tab-link-copy span{color:rgba(255,250,245,.8);opacity:1}.tab-link.is-active .tab-link-copy strong{color:white}.sidebar-footer{display:grid;grid-gap:.6rem;gap:.6rem;margin-top:auto}.sidebar-footer p{margin:0;color:var(--muted);padding:0 .2rem;font-size:.94rem;overflow-wrap:anywhere;max-width:100%}.sidebar-footer button{width:100%;justify-content:center}.cw-content{display:grid;align-content:start;grid-gap:1rem;gap:1rem;min-width:0;padding-right:.1rem}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:.15rem .35rem .35rem;min-width:0}.panel h3,.topbar h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif;letter-spacing:-.03em}.topbar h1{font-size:clamp(2rem,2.8vw,3rem);line-height:.98}.topbar-subtitle{margin:.35rem 0 0;color:var(--muted);font-size:.94rem}.topbar>div:first-child{min-width:0;max-width:720px}.topbar-actions{flex-shrink:0;justify-content:flex-end}.card-actions,.form-actions,.topbar-actions{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.feedback{margin:0;padding:.8rem .95rem;border-radius:14px;font-weight:700}.feedback.success{background:rgba(13,43,77,.1);color:var(--ink)}.feedback.error{background:rgba(153,27,27,.14);color:var(--danger)}.alert-banner{display:flex;gap:.8rem;align-items:center;padding:.85rem 1.05rem;border-radius:16px;background:rgba(153,27,27,.9);color:white}.content-grid,.metric-grid{display:grid;grid-gap:1rem;gap:1rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric-card{padding:.95rem 1rem 1rem;min-height:124px;display:grid;align-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(250,245,237,.94))}.metric-card-featured{background:linear-gradient(135deg,rgba(13,43,77,.96),rgba(17,58,100,.94));border-color:rgba(13,43,77,.16)}.metric-card-featured small,.metric-card-featured span,.metric-card-featured strong{color:#fffaf5}.definition-list span,.empty,.list-card p,.metric-card small,.metric-card span,.panel-head p,.template-use-case{color:var(--muted)}.metric-card strong{display:block;margin-top:.2rem;font-size:1.8rem;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:1rem 1.05rem 1.05rem;display:grid;grid-gap:.9rem;gap:.9rem}.panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.panel-head h3{font-size:1.55rem}.panel-head p{margin:0}.definition-list,.list-stack{display:grid;grid-gap:.75rem;gap:.75rem}.list-card{padding:.85rem .9rem;border-radius:16px;display:flex;justify-content:space-between;gap:.8rem;align-items:center;background:rgba(255,255,255,.68)}.definition-list strong,.list-card strong{display:block}.definition-list span,.list-card p{margin:.28rem 0 0}.list-card.danger{border:1px solid rgba(153,27,27,.25);background:rgba(254,226,226,.84)}.box-grid,.template-grid{display:grid;grid-gap:1rem;gap:1rem}.box-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.box-card{padding:1rem;display:grid;grid-gap:.8rem;gap:.8rem;min-height:170px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(244,237,226,.92))}.box-card.is-occupied{background:linear-gradient(180deg,rgba(255,247,239,.96),rgba(255,234,214,.92))}.box-card h3{margin:0}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card pre{margin:0;padding:1rem;border-radius:18px;background:rgba(13,43,77,.05);white-space:pre-wrap;font-family:IBM Plex Mono,monospace;font-size:.84rem}.definition-list div{padding:1rem;border-radius:16px;background:rgba(255,255,255,.62)}.pill{background:rgba(13,43,77,.08)}.pill-active,.pill-delivered,.pill-occupied,.pill-paid,.pill-signed{background:rgba(13,43,77,.12);color:var(--ink)}.pill-blocked,.pill-overdue,.pill-urgent{background:rgba(153,27,27,.14);color:var(--danger)}.pill-open,.pill-pending,.pill-reserved{background:rgba(242,140,40,.16);color:#a55300}.pill-canceled,.pill-free,.pill-inactive{background:rgba(13,43,77,.08);color:var(--muted)}.link-button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem .9rem;border-radius:14px;background:rgba(13,43,77,.08);font-weight:700}@media (max-width:660px){.auth-shell{grid-template-columns:1fr}}@media (max-width:1200px){.box-grid,.content-grid,.cw-shell,.metric-grid,.template-grid{grid-template-columns:1fr}.cw-shell{padding:1rem}.cw-sidebar{position:static;min-height:auto;order:2;margin-left:0;margin-top:0;width:100%}}@media (max-width:768px){.auth-shell,.cw-shell{padding:.8rem}.auth-card,.auth-hero,.cw-sidebar,.panel{padding:1rem}.list-card,.panel-head,.topbar{flex-direction:column;align-items:flex-start}.tab-link{grid-template-columns:3px 32px minmax(0,1fr)}.topbar-actions{width:100%;justify-content:flex-start}.box-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}