@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--brand-charcoal:#444345;--brand-charcoal-rgb:68, 67, 69;--brand-rose:#d9365a;--brand-rose-rgb:217, 54, 90;--brand-rose-deep:#b72b49;--brand-rose-deep-rgb:183, 43, 73;--bg-0:#0a090b;--bg-1:#111014;--bg-2:#17161a;--text:#f7f4f5;--text-soft:#d7d0d4;--text-dim:#a69da3;--border:#ffffff14;--neutral:var(--brand-charcoal);--accent:var(--brand-rose);--accent-deep:var(--brand-rose-deep);--surface:#17161ae0;--surface-strong:#1f1d22f0;--surface-subtle:#ffffff08;--surface-subtle-strong:#ffffff0a;--surface-subtle-muted:#ffffff05;--surface-field:#09090c73;--shadow:0 32px 90px #0202048c, 0 1px 0 #ffffff0a inset;--border-soft:#ffffff0f;--border-strong:#ffffff1a;--success:#efe8eb;--warning:#f3c0ce;--danger:#ff8ea6;--danger-text-soft:#ffe1e8;--danger-surface:#38121e52;--danger-surface-strong:#58162847;--danger-border:rgba(var(--brand-rose-rgb), .22);--danger-border-strong:rgba(var(--brand-rose-rgb), .26);--accent-surface-soft:rgba(var(--brand-rose-rgb), .12);--accent-border-soft:rgba(var(--brand-rose-rgb), .2);--button-primary-highlight:#ffffff24;--button-primary-highlight-hover:#ffffff29;--button-primary-shadow:rgba(var(--brand-rose-rgb), .28);--button-primary-shadow-hover:rgba(var(--brand-rose-rgb), .36);--focus-ring:rgba(var(--brand-rose-rgb), .95);--text-inverse:#fff;--font-body:"IBM Plex Sans Thai", "IBM Plex Sans", system-ui, sans-serif;--font-latin:"IBM Plex Sans", "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:radial-gradient(circle at top left, rgba(var(--brand-rose-rgb), .16), transparent 34%), radial-gradient(circle at 88% 18%, rgba(var(--brand-charcoal-rgb), .26), transparent 30%), linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 48%, var(--bg-0) 100%);font-family:var(--font-body);font-feature-settings:"cv02" 1, "cv03" 1, "ss01" 1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--bg-1);min-width:320px}body{background:inherit;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent}code{font-family:var(--font-mono)}a{color:inherit}::selection{background:rgba(var(--brand-rose-rgb), .26);color:var(--text-inverse)}#root{min-height:100svh}.page{min-height:100svh;padding:calc(18px + env(safe-area-inset-top)) 16px calc(20px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page__background{pointer-events:none;filter:blur(60px);opacity:.18;border-radius:999px;position:fixed;inset:auto}.page__background--accent{background:radial-gradient(circle, rgba(var(--brand-rose-rgb), .55) 0%, transparent 70%);width:260px;height:260px;top:-108px;right:-86px}.page__background--neutral{background:radial-gradient(circle, rgba(var(--brand-charcoal-rgb), .6) 0%, transparent 72%);width:300px;height:300px;bottom:-86px;left:-126px}.shell{z-index:1;gap:12px;width:min(100%,540px);margin:0 auto;display:grid;position:relative}.shell--manager{gap:16px;width:min(100%,1080px)}.hero{padding:2px 2px 0}.brand{color:var(--text-dim);font-family:var(--font-latin);margin:0 0 8px;font-size:.86rem;font-weight:600}.hero h1{color:var(--text);letter-spacing:-.03em;margin:0;font-size:clamp(1.58rem,6.2vw,2.12rem);font-weight:700;line-height:1.16}.hero__subtitle{color:var(--text-soft);margin:10px 0 0;font-size:.98rem;line-height:1.55}.link-panel,.status-strip,.details{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.link-panel{border-radius:22px;gap:12px;padding:16px;display:grid;position:relative}.account-section{gap:6px;display:grid}.account-section__header{justify-content:space-between;align-items:center;gap:10px;display:flex}.account-section__label{color:var(--text-dim);font-size:.82rem;font-weight:600}.account-section__badge{color:var(--text-dim);white-space:nowrap;font-size:.76rem}.account-section__title{color:var(--text);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25}.account-section__copy{color:var(--text-soft);margin:0;font-size:.96rem;line-height:1.55}.connector{color:var(--text-dim);place-items:center;gap:4px;padding:2px 0;display:grid}.connector__arrow{font-size:1rem;line-height:1}.connector__label{font-size:.76rem;font-weight:600}.action-area{gap:8px;padding-top:4px;display:grid}.action-area__link{color:var(--accent);justify-self:start;font-size:.88rem;font-weight:600;text-decoration:none}.action-area__link:hover{text-decoration:underline}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-deep));width:100%;min-height:50px;color:var(--text-inverse);letter-spacing:.01em;box-shadow:inset 0 0 0 1px var(--button-primary-highlight), 0 14px 28px var(--button-primary-shadow);opacity:1;cursor:pointer;border:0;border-radius:14px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s}.primary-button:disabled{opacity:.42;cursor:not-allowed}.primary-button:not(:disabled):hover{box-shadow:inset 0 0 0 1px var(--button-primary-highlight-hover), 0 16px 26px var(--button-primary-shadow-hover);transform:translateY(-1px)}.primary-button--inline{width:auto;min-height:44px;padding:0 18px}.secondary-button,.ghost-button,.danger-button{border:1px solid var(--border);background:var(--surface-subtle-strong);min-height:42px;color:var(--text);cursor:pointer;border-radius:12px;font-weight:600;transition:transform .15s,border-color .15s,background .15s,opacity .15s}.secondary-button{padding:0 16px}.secondary-button--small,.ghost-button,.danger-button{min-height:38px;padding:0 14px}.ghost-button{background:var(--surface-subtle)}.danger-button{border-color:var(--danger-border-strong);background:var(--danger-surface-strong);color:var(--danger-text-soft)}.secondary-button:disabled,.ghost-button:disabled,.danger-button:disabled{opacity:.42;cursor:not-allowed}.secondary-button:not(:disabled):hover,.ghost-button:not(:disabled):hover,.danger-button:not(:disabled):hover{transform:translateY(-1px)}.action-area__note{color:var(--text-dim);margin:0;font-size:.88rem;line-height:1.45}.panel-error{border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger-text-soft);border-radius:14px;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.45}.manager-toolbar,.manager-section,.manager-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.manager-toolbar,.manager-section{border-radius:22px;padding:16px}.manager-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.manager-toolbar__copy{gap:6px;min-width:0;display:grid}.manager-toolbar__eyebrow,.manager-section__eyebrow,.entity-card__eyebrow{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;margin:0;font-size:.72rem}.manager-toolbar__text,.manager-section__subtitle,.manager-card__subtitle,.entity-card__description,.empty-state{color:var(--text-soft);margin:0;font-size:.94rem;line-height:1.55}.manager-section{gap:14px;display:grid}.manager-section__header,.manager-card__header{gap:6px;display:grid}.manager-section__header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.manager-section__title,.manager-card__title,.entity-card__title{color:var(--text);letter-spacing:-.02em;margin:0}.manager-section__title{font-size:1.22rem}.manager-card__title,.entity-card__title{font-size:1rem}.manager-section__status{color:var(--text-dim);white-space:nowrap;align-self:start;font-size:.84rem;font-weight:600}.manager-grid{gap:14px;display:grid}.manager-card{border-radius:18px;padding:14px}.manager-card--list{gap:12px;display:grid}.manager-form,.manager-list{gap:10px;display:grid}.field{gap:6px;display:grid}.field__label{color:var(--text-dim);font-size:.82rem;font-weight:600}.field__input,.field__select,.field__textarea{border:1px solid var(--border-strong);background:var(--surface-field);width:100%;color:var(--text);border-radius:12px;padding:11px 12px}.field__input::placeholder,.field__textarea::placeholder{color:var(--text-dim)}.field__textarea{resize:vertical;min-height:108px}.entity-card{border:1px solid var(--border-soft);background:var(--surface-subtle);border-radius:16px;gap:10px;padding:14px;display:grid}.entity-card__row,.entity-card__meta-group,.entity-card__actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.entity-card__meta,.entity-card__status{color:var(--text-dim);font-size:.84rem}.entity-card__meta--mono{font-family:var(--font-mono);font-size:.76rem}.entity-card__status{border:1px solid var(--accent-border-soft);background:var(--accent-surface-soft);min-height:28px;color:var(--danger-text-soft);text-transform:lowercase;border-radius:999px;align-items:center;padding:0 10px;display:inline-flex}.entity-card__link{color:var(--accent);word-break:break-word;font-size:.9rem;line-height:1.5;text-decoration:none}.entity-card__link:hover{text-decoration:underline}.inline-editor{border-top:1px solid var(--border);gap:10px;padding-top:4px;display:grid}.empty-state{padding:10px 2px 2px}.status-strip{border-radius:16px;gap:1px;display:grid;overflow:hidden}.status-item{background:var(--surface-subtle-muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;display:flex}.status-item__label{color:var(--text-dim);font-size:.8rem;font-weight:600}.status-item__value{color:var(--text);text-align:right;font-size:.92rem;font-weight:600}.details{border-radius:16px;padding:10px 14px 14px}.details summary{cursor:pointer;color:var(--text);font-size:.94rem;font-weight:600;list-style:none}.details summary::-webkit-details-marker{display:none}.details summary:after{content:"▾";float:right;color:var(--text-dim);transition:transform .16s}.details[open] summary:after{transform:rotate(180deg)}.details__grid{gap:12px;padding-top:12px;display:grid}.details__item{gap:5px;display:grid}.details__item--wide{grid-column:auto}.details__label{color:var(--text-dim);font-family:var(--font-mono);letter-spacing:.04em;text-transform:none;font-size:.72rem}.details__value{color:var(--text);word-break:break-word;margin:0;line-height:1.5}.details__value--mono{font-family:var(--font-mono);font-size:.93rem}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.danger-button:focus-visible,.field__input:focus-visible,.field__select:focus-visible,.field__textarea:focus-visible,.details summary:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}@media (width>=540px){.page{padding-inline:20px}.manager-grid--split{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);align-items:start}.details__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details__item--wide{grid-column:1/-1}}@media (width<=639px){.manager-toolbar,.manager-section__header{grid-template-columns:1fr}.manager-toolbar{align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
