:root{--navy-brand: #142b45;--navy-dark: #0b1b2b;--navy-light: #254563;--blue: #2563eb;--blue-hover: #1d4ed8;--blue-light: #dbeafe;--blue-pale: #eff6ff;--teal: #0d9488;--teal-light: #ccfbf1;--paper: #f8fafc;--white: #ffffff;--paper-2: #f1f5f9;--ink: #1e293b;--ink-soft: #64748b;--muted: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--text-button: #334155;--good: #16a34a;--good-bg: #dcfce7;--warn: #d97706;--warn-bg: #fef3c7;--clay: #dc2626;--clay-bg: #fee2e2;--info: #2563eb;--info-bg: #dbeafe;--navy: var(--blue);--shadow: 0 2px 8px rgba(15, 23, 42, .04);--sidebar: 250px;--sidebar-collapsed: 72px;--header: 64px;--sans: "Inter", "Segoe UI", sans-serif;--serif: var(--sans);--mono: "ui-monospace", "SFMono-Regular", Menlo, monospace;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.5;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,[role=button]{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}a{color:inherit}@media (prefers-reduced-motion: reduce){*{transition:none!important}}.boot{min-height:100vh;display:grid;place-items:center;font-size:14px;font-weight:600;color:var(--ink-soft);background:var(--paper)}.mark{width:28px;height:28px;border-radius:8px;background:var(--blue);position:relative;flex:none}.mark:after{content:"C";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:700;line-height:1}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;padding:0 14px;min-height:40px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,border-color .15s ease,color .15s ease}.button:hover:not(:disabled){background:var(--blue-hover);border-color:var(--blue-hover)}.button:disabled{opacity:.55;cursor:wait}.button--ghost{background:var(--white);color:var(--text-button);border-color:var(--line)}.button--ghost:hover:not(:disabled){background:var(--paper-2);border-color:var(--line);color:var(--text-button)}.button--danger{background:var(--clay);border-color:var(--clay);color:#fff}.button--danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.button--wide{width:100%}.notice{background:var(--blue-pale);color:#1e3a8a;border:1px solid var(--blue-light);border-radius:8px;padding:12px;margin-bottom:16px;font-size:13px}.form-error{color:var(--clay);font-size:13px;min-height:1.2em;margin:0 0 12px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field__label{font-size:13px;font-weight:500;color:var(--ink-soft)}.field__control{background:var(--white);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;outline:none;min-height:42px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.field__control::placeholder{color:var(--muted)}.field__control:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}.field__control--mono{font-family:var(--mono);font-size:13px;letter-spacing:-.02em}.search{margin-bottom:14px}.search__input{background:var(--white);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;outline:none;min-height:42px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.search__input::placeholder{color:var(--muted)}.search__input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}.search__input{width:min(460px,100%)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filters__input,.filters__select{background:var(--white);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px;outline:none;min-height:42px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}.filters__input::placeholder,.filters__select::placeholder{color:var(--muted)}.filters__input:focus,.filters__select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb26}.gate{min-height:100vh;display:grid;grid-template-columns:minmax(280px,420px) 1fr;background:var(--paper)}@media (max-width: 900px){.gate{grid-template-columns:1fr}}.gate__story{background:var(--navy-brand);color:#cbd5e1;padding:48px 40px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px}@media (max-width: 900px){.gate__story{padding:28px 20px;justify-content:flex-start}}.gate__brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px;letter-spacing:.06em;margin:0}.gate__tagline{margin:8px 0 0;max-width:280px;color:#e2e8f0;font-size:20px;font-weight:600;line-height:1.35}.gate__parent{margin-top:auto;color:#94a3b8;font-size:13px}@media (max-width: 900px){.gate__parent{margin-top:8px}}.gate__panel{display:grid;place-items:center;padding:32px 16px}.gate__card{width:min(400px,100%);background:var(--white);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px 24px 24px}.gate__heading{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 6px}.gate__lede{color:var(--ink-soft);margin:0 0 20px;font-size:14px}.shell{min-height:100vh;display:flex;background:var(--paper)}.shell__backdrop{display:none}@media (max-width: 900px){.shell__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b2b73;border:0;z-index:2}}.shell__rail{width:var(--sidebar);flex:none;background:var(--navy-brand);color:#cbd5e1;display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;transition:width .15s ease}@media (max-width: 900px){.shell__rail{position:fixed;z-index:3;width:var(--sidebar);transform:translate(-105%);transition:transform .2s ease}}@media (max-width: 900px){.shell__rail--open{transform:none}}.shell--collapsed .shell__rail{width:var(--sidebar-collapsed);padding-inline:10px}@media (max-width: 900px){.shell--collapsed .shell__rail{width:var(--sidebar);padding-inline:12px}}.shell__brand{display:flex;gap:10px;align-items:center;padding:4px 8px 20px;min-height:52px}.shell__name{display:block;color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;line-height:1.2}.shell__role{font-style:normal;color:#94a3b8;font-size:12px}.shell__copy{min-width:0}@media (min-width: 901px){.shell--collapsed .shell__copy{display:none}}.shell__nav{display:flex;flex-direction:column;gap:16px;overflow:auto}.shell__group-label{margin:0 8px 6px;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.06em}@media (min-width: 901px){.shell--collapsed .shell__group-label{display:none}}.shell__links{display:flex;flex-direction:column;gap:2px}.shell__link{display:flex;align-items:center;gap:10px;text-decoration:none;padding:8px 10px;border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:500;transition:background .15s ease,color .15s ease}.shell__link svg{flex:none;color:#94a3b8}.shell__link:hover{background:var(--navy-light);color:#fff}.shell__link--active{background:var(--blue);color:#fff}.shell__link--active svg{color:#fff}@media (min-width: 901px){.shell--collapsed .shell__link{justify-content:center;padding-inline:0}}@media (min-width: 901px){.shell--collapsed .shell__link-label{display:none}}.shell__user{margin-top:auto;padding:12px 8px 4px;border-top:1px solid rgba(203,213,225,.16)}.shell__user-name{display:block;color:#fff;font-weight:600;font-size:13px}.shell__user-email{display:block;color:#94a3b8;font-size:12px;overflow:hidden;text-overflow:ellipsis}@media (min-width: 901px){.shell--collapsed .shell__user-name,.shell--collapsed .shell__user-email{display:none}}.shell__signout{margin-top:10px;background:transparent;color:#cbd5e1;border:1px solid rgba(203,213,225,.28);border-radius:8px;padding:6px 10px;min-height:36px;font-size:13px;font-weight:600;transition:background .15s ease}.shell__signout:hover{background:var(--navy-light)}@media (min-width: 901px){.shell--collapsed .shell__signout{padding-inline:0}}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.shell__workspace{flex:1;min-width:0;padding:24px}@media (max-width: 900px){.shell__workspace{padding:16px}}.topbar{height:var(--header);flex:none;display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--white);border-bottom:1px solid var(--line)}@media (max-width: 900px){.topbar{padding:0 16px}}.topbar__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:8px;background:transparent;color:var(--ink-soft)}.topbar__icon:hover{background:var(--paper-2);color:var(--ink)}.topbar__menu{display:none}@media (max-width: 900px){.topbar__menu{display:inline-flex}}@media (max-width: 900px){.topbar__collapse{display:none}}.topbar__crumbs{display:flex;align-items:center;gap:8px;min-width:0;color:var(--muted);font-size:13px;font-weight:500}.topbar__crumb--current{color:var(--ink);font-weight:600}.topbar__sep{color:var(--line-strong)}.topbar__spacer{flex:1}.topbar__account{display:flex;align-items:center;gap:10px;min-width:0}.topbar__who{display:flex;flex-direction:column;min-width:0}@media (max-width: 900px){.topbar__who{display:none}}.topbar__name{font-size:13px;font-weight:600;line-height:1.2}.topbar__role{font-size:12px;color:var(--ink-soft)}.avatar{width:32px;height:32px;border-radius:999px;background:var(--blue-light);color:var(--blue);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.page__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin-bottom:24px}.page__title{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:0 0 4px}.page__lede{margin:0;color:var(--ink-soft)}.page__lede--mono{font-family:var(--mono);font-size:13px;letter-spacing:-.02em}.page__back{color:var(--ink-soft);text-decoration:none}.list{background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.list__empty{padding:28px 18px;color:var(--ink-soft)}.list__row{width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid var(--line);padding:0 16px;min-height:52px;display:grid;grid-template-columns:minmax(140px,1.1fr) minmax(160px,1.4fr) auto auto;gap:12px;align-items:center}.list__row:last-child{border-bottom:0}.list__row:hover{background:var(--paper)}@media (max-width: 900px){.list__row{grid-template-columns:1fr}}.list__title{display:block;font-weight:600}.list__title--mono{font-family:var(--mono);font-size:13px;letter-spacing:-.02em}.list__id,.list__store{font-family:var(--mono);font-size:13px;letter-spacing:-.02em;color:var(--ink-soft)}.list__title+.list__id{color:var(--ink-soft)}.list__meta,.list__phone,.list__time{color:var(--ink-soft)}.list__phone,.list__meta{display:block}.list__amount{font-weight:600}.pill{justify-self:end;border-radius:999px;padding:2px 8px;background:var(--paper-2);color:var(--ink-soft);font-size:12px;font-weight:600}@media (max-width: 900px){.pill{justify-self:start}}.pager{display:flex;gap:8px;align-items:center;margin-top:14px}.pager__button{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:8px 12px;min-height:40px;font-weight:600;color:var(--text-button);transition:background .15s ease}.pager__button:hover:not(:disabled){background:var(--paper-2)}.pager__button:disabled{opacity:.5}.composer{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow);max-width:720px}.composer--offset{margin-top:16px}.composer__title{font-size:18px;font-weight:600;margin:0 0 8px}.composer__lede,.composer__hint{color:var(--ink-soft);margin:0 0 16px}.composer__prompt{margin:0 0 8px}.composer__actions{display:flex;justify-content:space-between;gap:12px;margin-top:8px}.choice{display:flex;gap:8px;margin-bottom:16px}.choice--compact{margin:8px 0 0}.choice__option{border:1px solid var(--line);background:var(--white);border-radius:8px;padding:8px 12px;min-height:40px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.choice__option--selected{background:var(--blue);color:#fff;border-color:var(--blue)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.chips__option{border:1px solid var(--line);background:var(--white);border-radius:999px;padding:6px 10px;font-weight:500;transition:background .15s ease,border-color .15s ease}.chips__option--selected{background:var(--blue-pale);border-color:#93c5fd;color:var(--blue)}.steps{display:flex;gap:18px;margin-bottom:22px;color:var(--ink-soft);font-size:14px}.steps__item--current{color:var(--ink)}.steps__index{color:inherit}.steps__item--current .steps__index{color:var(--navy)}.summary{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;margin-bottom:18px}.summary__label{color:var(--ink-soft)}.summary__value--mono{font-family:var(--mono);font-size:13px;letter-spacing:-.02em}.credential{display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:10px}.credential__label{color:var(--ink-soft)}.credential__value--mono{font-family:var(--mono);letter-spacing:-.02em}.success__mark{width:42px;height:42px;border-radius:8px;background:var(--good-bg);color:var(--good);display:grid;place-items:center;font-size:20px;margin-bottom:12px}.toggle{display:flex;align-items:center;gap:8px;font-size:14px;margin:8px 0}.sheet__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10233a47;border:0}.sheet__panel{position:fixed;top:0;right:0;height:100vh;width:min(440px,100%);background:var(--white);padding:28px;overflow:auto;border-left:1px solid var(--line);box-shadow:-8px 0 24px #0f172a14}.sheet__time{color:var(--ink-soft);margin:0}.sheet__title{font-family:var(--mono);font-weight:600;letter-spacing:-.03em;margin:0 0 6px;font-size:22px}.sheet__line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.sheet__label{color:var(--ink-soft)}.sheet__value--mono{font-family:var(--mono);font-size:13px}.sheet__address{margin:14px 0 0}.sheet__product{padding:10px 0;border-bottom:1px solid var(--line)}.sheet__product-name{display:block}.sheet__product-meta{color:var(--ink-soft)}.hr__column{display:flex;flex-direction:column;gap:12px}.people{display:grid;grid-template-columns:1fr 320px;gap:18px;align-items:start}@media (max-width: 900px){.people{grid-template-columns:1fr}}.people__board{background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.people__side{display:flex;flex-direction:column;gap:12px}.person{display:grid;grid-template-columns:1.2fr .8fr auto;gap:12px;align-items:center;padding:14px 16px;min-height:52px;border-bottom:1px solid var(--line)}.person:last-child{border-bottom:0}@media (max-width: 900px){.person{grid-template-columns:1fr}}.person__name{display:block}.person__email,.person__note,.person__status,.person__code{color:var(--ink-soft)}.person__code{font-family:var(--mono);font-size:12px;letter-spacing:.04em}.panel{background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:20px}.panel__title{font-size:15px;font-weight:600;margin:0 0 12px}.panel__copy{color:var(--ink-soft);margin:0 0 12px}.session{display:flex;gap:8px;align-items:center}.session__input{width:80px;background:var(--white);border:1px solid var(--line-strong);border-radius:8px;min-height:42px;padding:8px 12px}.record{list-style:none;margin:0;padding:0;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.record__empty{padding:28px 18px;color:var(--ink-soft)}.record__item{display:grid;grid-template-columns:180px 1fr auto;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}.record__item:last-child{border-bottom:0}@media (max-width: 900px){.record__item{grid-template-columns:1fr}}.record__action{font-weight:600}.record__actor,.record__time{color:var(--ink-soft)}.dialog{position:fixed;top:0;right:0;bottom:0;left:0;background:#10233a5c;display:grid;place-items:center;padding:20px}.dialog__card{width:min(440px,100%);background:var(--white);border-radius:14px;padding:24px;box-shadow:0 8px 24px #0f172a1f}.dialog__title{font-size:18px;font-weight:600;margin:0 0 8px}.dialog__copy{margin:0}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
