#workspace{width:min(770px,calc(100% - 28px));max-height:90dvh;overflow:auto;box-sizing:border-box;background:#10231e;color:#ecfff8;border:1px solid #386456;border-radius:24px;padding:24px;font-family:var(--font-body)}
#workspace::backdrop{background:#061711db;backdrop-filter:blur(5px)}
#workspace h2,#workspace h3,#workspace p{margin:0 0 12px}
#workspace .bar,#workspace .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
#workspace .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:14px 0}
#workspace article{background:#172e27;border:1px solid #315248;border-radius:16px;padding:16px}
#workspace button{background:#82f4be;color:#14251f;border:0;border-radius:10px;padding:9px 13px;font:inherit;font-weight:800;cursor:pointer}
#workspace button.secondary{background:#25483c;color:#e7fff4}
#workspace button.danger{background:#572c36;color:#ffdee4}
#workspace label{display:grid;gap:4px;margin-bottom:10px;font-size:.9rem}
#workspace input,#workspace select,#booking select{background:#0b1d17;color:#ecfff8;border:1px solid #426d60;border-radius:9px;padding:8px;font:inherit;max-width:100%}
#workspace small,#workspace .muted{color:#b5cec4}
#workspace #notice{min-height:1.4em;color:#91f1c2}
#workspace .order-row{padding:12px 0;border-top:1px solid #315248}
#workspace article{margin-bottom:12px}
#workspace nav a,.policy-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.policy-links{display:flex;justify-content:center;gap:14px 22px;flex-wrap:wrap;padding:20px 16px 90px;font-size:.875rem}
#order{max-height:90dvh;overflow:auto}
#workspace.crm-shell{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden}
.crm-layout{display:grid;grid-template-columns:248px minmax(0,1fr);height:100%}
.crm-sidebar{display:flex;flex-direction:column;gap:20px;padding:22px 16px;background:#0b1b16;border-right:1px solid #315248;overflow:auto}
.crm-brand{display:flex;gap:10px;align-items:center;padding:4px}
.crm-brand small{display:block}
.crm-sidebar nav{display:grid;gap:6px}
#workspace .crm-sidebar nav button{display:flex;gap:10px;text-align:left;align-items:center;background:transparent;color:#d7efe6;font-size:.9rem}
#workspace .crm-sidebar nav button:hover{background:#203c32}
#workspace .crm-sidebar nav button[aria-current]{background:#82f4be;color:#14251f}
.crm-sidebar nav span{font-variant-numeric:tabular-nums;opacity:.72}
.crm-logout{margin-top:auto}
.crm-main{min-width:0;overflow:auto;scrollbar-gutter:stable}
.crm-main header{position:sticky;top:0;z-index:2;padding:14px clamp(14px,4vw,40px);border-bottom:1px solid #315248;background:#10231e}
#workspace .crm-main header h2{margin:0;font-size:clamp(1.1rem,3vw,1.55rem)}
.crm-content{max-width:1120px;margin:0 auto;padding:22px clamp(14px,4vw,40px)}
.crm-content .cards:has(>[data-panel][hidden]){grid-template-columns:minmax(0,1fr)}
#workspace [data-panel][hidden],#workspace .crm-toggle{display:none}
@media(max-width:700px){
 .crm-layout{grid-template-columns:minmax(0,1fr)}
 #workspace .crm-toggle{display:inline-flex}
 .crm-sidebar{display:none;position:absolute;inset:0 auto 0 0;z-index:3;width:min(235px,65vw);box-shadow:10px 0 35px #0008}
 .crm-sidebar.is-open{display:flex;inset:70px auto 0 0}
 .crm-main header{gap:6px}
 #workspace .crm-main header button{font-size:.75rem;padding:7px 8px}
}

/* Shared CRM visual language follows the public site's plum and yellow palette. */
#workspace{--crm-line:#ffffff18;--crm-muted:#c5b6d7;background:var(--surface-darkest);color:var(--text-on-dark);border-color:var(--crm-line)}
#workspace :is(h1,h2,h3){font-family:var(--font-heading);letter-spacing:-.025em}
#workspace h3{font-size:1.2rem}
#workspace small,#workspace .muted{color:var(--crm-muted)}
#workspace #notice{color:var(--teal-light);padding-top:8px}
#workspace article{background:var(--surface-dark);border:1px solid var(--crm-line);border-radius:24px;padding:clamp(16px,3vw,26px)}
#workspace .order-row{border-color:var(--crm-line);padding:15px 0}
#workspace :is(input,select){background:#140d20;border-color:#514260;color:var(--text-on-dark);padding:10px 12px;border-radius:12px;color-scheme:dark}
#workspace button{background:var(--yellow);color:var(--on-yellow);border-radius:999px;padding:10px 16px}
#workspace button.secondary{background:#ffffff10;color:var(--text-on-dark)}
#workspace button.danger{background:#ff5c9326;color:#ffb8cd}
#workspace :is(button,input,select):focus-visible{outline:2px solid var(--teal-light);outline-offset:3px}
.crm-layout{grid-template-columns:252px minmax(0,1fr)}
.crm-sidebar{background:#191025;border-color:var(--crm-line);padding:24px 16px;gap:14px}
.crm-brand strong{font-family:var(--font-heading);font-size:1.12rem}
#workspace .crm-nav-label{margin:18px 10px 0;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--crm-muted)}
#workspace .crm-sidebar nav button{border-radius:14px;padding:11px;color:var(--text-on-dark-2)}
#workspace .crm-sidebar nav button:hover{background:#ffffff12}
#workspace .crm-sidebar nav button[aria-current]{background:#b983ff26;color:#f0ddff;box-shadow:inset 0 0 0 1px #b983ff45}
.crm-sidebar svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.crm-main{background:radial-gradient(ellipse at top right,#251637 0%,transparent 48%),var(--surface-darkest)}
.crm-main header{background:#160e22f7;border-color:var(--crm-line)}
.crm-content{padding-top:26px}
.crm-intro{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;overflow:hidden;padding:clamp(20px,4vw,36px);border:1px solid #b983ff3d;border-radius:28px;background:linear-gradient(115deg,#2c1741,#392058 72%,#2d1a45);margin-bottom:18px}
.crm-intro>div{position:relative;z-index:1}
.crm-intro h1{margin:8px 0 6px;font-size:clamp(1.85rem,4vw,3rem);line-height:1.08}
#workspace .crm-intro p{margin:0;color:#e2d2f4}
.crm-intro img{width:clamp(110px,22vw,245px);height:auto;flex:none}
.crm-tag{display:inline-flex;padding:4px 10px;border-radius:999px;color:#fff0b9;background:#ffc93c1b;font-size:.73rem;font-weight:800}
.crm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px}
.crm-metrics>div{border:1px solid var(--crm-line);border-radius:18px;background:#251838;padding:clamp(10px,2vw,18px)}
.crm-metrics span{display:block;font-size:.8rem;color:var(--crm-muted)}
.crm-metrics strong{display:block;font:800 clamp(1.5rem,4vw,2.25rem)/1.2 var(--font-heading);color:var(--teal-light);margin-top:4px}
.crm-metrics>div:nth-child(2) strong{color:#dfbdff}
.crm-metrics>div:nth-child(3) strong{color:#ffdf82}
@media(max-width:700px){
 .crm-layout{grid-template-columns:minmax(0,1fr)}
 .crm-intro img{position:absolute;right:-32px;bottom:-15px;width:160px;opacity:.18}
 .crm-metrics{gap:7px}
 .crm-metrics span{font-size:.72rem}
}
