.app-shell{min-height:100vh}.app-topbar{z-index:20;-webkit-backdrop-filter:blur(20px);background:#0f172ac2;border-bottom:1px solid #fafafc29;width:100%;position:fixed;top:0;left:0;right:0;overflow:hidden}.app-topbar:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fafafc09,#fafafc03 42%,#22d3ee0d 100%),radial-gradient(circle at 0 0,#fafafc0e,#0000 34%);position:absolute;inset:0}.app-topbar__inner{justify-content:space-between;align-items:center;gap:24px;min-height:56px;padding:0 24px;display:flex;position:relative}.app-topbar__brand{align-items:center;gap:16px;display:flex}.app-topbar__nav{flex:1;align-items:center;gap:8px;margin-left:32px;display:flex}.app-topbar__link{font-family:var(--font-body);color:#fafafc;border-radius:var(--radius-sm);padding:6px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.app-topbar__link:hover{color:#22d3ee;background:#22d3ee1a}.app-topbar__link.active{color:#22d3ee;font-weight:600}.app-topbar__brand h1{color:#fafafc;margin:0;font-size:1.1rem}.app-topbar__badge{color:#22d3ee;min-height:26px;font-family:var(--font-body);letter-spacing:.03em;text-transform:uppercase;background:#0f172a;border-radius:999px;align-items:center;padding:0 10px;font-size:.7rem;font-weight:700;display:inline-flex}.app-topbar__action{border-radius:var(--radius-sm);color:#22d3ee;min-height:36px;font-family:var(--font-body);cursor:pointer;background:#0f172a;border:none;justify-content:center;align-items:center;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.app-topbar__action--static{cursor:default;opacity:.82}.app-topbar__action:disabled{opacity:.6;cursor:not-allowed}.app-main{min-height:100vh;padding-top:56px}.app-content{padding:32px 24px 40px}.login-page{background:var(--page);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-header{text-align:center;margin-bottom:40px;position:relative}.login-logo{background:var(--accent);width:64px;height:64px;color:var(--page);font-family:var(--font-display);border-radius:var(--radius-md);justify-content:center;align-items:center;margin:0 auto 20px;font-size:1.75rem;font-weight:700;display:flex}.login-header h1{font-family:var(--font-display);color:var(--heading);letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.login-form{flex-direction:column;gap:24px;display:flex;position:relative}.login-field{flex-direction:column;gap:8px;display:flex}.login-field label{font-family:var(--font-body);color:var(--muted-strong);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.login-field input{background:var(--page);border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--heading);font-family:var(--font-body);padding:14px 16px;font-size:1rem;transition:all .2s}.login-field input::placeholder{color:var(--muted);opacity:1}.login-field input:focus{border-color:var(--accent);background:var(--page);box-shadow:0 0 0 2px var(--accent);outline:none}.login-button{background:var(--accent);color:var(--page);font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;margin-top:8px;padding:16px 24px;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover:not(:disabled){background:var(--accent-light);box-shadow:none;transform:translateY(-1px)}.login-button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-error{background:var(--page);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--heading);padding:12px 16px;font-size:.875rem}@media (width<=480px){.app-topbar__inner{gap:12px;min-height:52px;padding:0 16px}.app-topbar__brand{gap:10px}.app-topbar__brand h1{font-size:1.15rem}.app-topbar__badge{min-height:28px;padding:0 10px;font-size:.72rem}.app-topbar__action{min-height:40px;padding:0 14px;font-size:.9rem}.app-main{padding-top:52px}.app-content{padding:24px 16px 32px}.login-page{padding:16px}.login-header h1{font-size:1.5rem}}.status-screen{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.status-screen__card{text-align:left;flex-direction:column;gap:18px;display:flex}.status-screen__eyebrow{color:#22d3ee;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.status-screen__title{color:#fafafc;margin:0}.status-screen__text{color:#fafafcc2;line-height:1.7}@media (width<=480px){.status-screen{padding:16px}}:root{--page:#0f172a;--panel:#0f172a;--panel-strong:#0f172a;--heading:#fafafc;--muted-strong:#fafafc;--muted:#fafafc;--accent:#22d3ee;--accent-warm:#22d3ee;--accent-light:#22d3ee;--line:#fafafc;--line-strong:#fafafc;--shadow:none;--shadow-lg:none;--shadow-glass:none;--glass-blur:none;--glass-blur-strong:none;--font-body:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", "Cascadia Code", Consolas, monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--interactive-hover-border:#22d3ee47;--interactive-selected-fill:linear-gradient(135deg, #22d3ee2e, #fafafc14);--interactive-selected-border:#22d3ee75;--interactive-selected-shadow:0 18px 38px #0f172a3d;--pill-control-height:34px;--pill-control-padding-x:14px;--pill-control-gap:10px;--pill-control-radius:999px;--pill-control-bg:#0f172aeb;--pill-control-border:1px solid #fafafc1f;--pill-control-text:#fafafcd1;--pill-control-placeholder:#fafafc94;--pill-control-font-size:.84rem;--pill-control-font-weight:600;--search-icon-size:14px;--search-icon-left:14px;--search-input-padding-left:40px;--list-selection-gap:14px;--list-selection-padding:18px 18px 16px;--list-selection-bg:#fafafc0f;--list-selection-bg-hover:#fafafc1a;--list-selection-border:1px solid #fafafc1f;--list-selection-radius:14px;--list-selection-hover-shadow:0 16px 32px #0f172a2e;font-family:var(--font-body);color:var(--heading);background:var(--page);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:var(--page)}body{background:var(--page);min-width:320px;min-height:100vh;margin:0;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:0 0;position:fixed;inset:0}a{color:inherit}button,input,textarea,select{font:inherit}h1{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}h2,h3{font-family:var(--font-body);letter-spacing:-.02em;font-weight:700}h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.1}h2{font-size:clamp(1.5rem,2vw,2rem);line-height:1.15}h3{font-size:1.1rem;line-height:1.2}p{margin:0}code{font-family:var(--font-mono);background:var(--accent);color:var(--page);border-radius:.4em;padding:.15em .4em;font-size:.92em}#root{z-index:1;min-height:100vh;position:relative}.detail-section__actions{align-items:center;gap:8px;display:inline-flex}.detail-section__actions--end{justify-content:flex-end;margin-top:14px;display:flex}.detail-section__action{border:var(--pill-control-border);border-radius:var(--pill-control-radius);background:var(--pill-control-bg);min-height:32px;color:var(--pill-control-text);font-family:var(--font-body);cursor:pointer;padding:0 12px;font-size:.8rem;font-weight:600;transition:border-color .18s,background .18s,color .18s}.detail-section__action:disabled{cursor:wait;opacity:.72}.detail-section__action--primary{color:#fafafc;background:linear-gradient(135deg,#22d3ee2e,#fafafc14);border-color:#22d3ee75}.detail-section__action--secondary:hover,.detail-section__action--primary:hover{color:#fafafc;border-color:#22d3ee47}.detail-editor__layout{margin-top:12px}.detail-editor__layout.is-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-editor__layout.is-single{gap:14px;display:grid}.detail-editor__field{gap:8px;display:grid}.detail-editor__label{color:#fafafc8a;letter-spacing:.06em;text-transform:uppercase;font-size:.76rem;font-weight:700}.detail-editor__input,.detail-editor__textarea,.detail-editor__select{background:var(--pill-control-bg);border:var(--pill-control-border);color:#fafafc;width:100%;font-family:var(--font-body);border-radius:18px;padding:0 14px;font-size:.94rem;transition:border-color .18s,box-shadow .18s,color .18s}.detail-editor__input,.detail-editor__select{min-height:40px}.detail-editor__textarea{resize:vertical;min-height:140px;padding:12px 14px}.detail-editor__select{appearance:none}.detail-editor__input:focus,.detail-editor__textarea:focus,.detail-editor__select:focus{border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow);outline:none}.detail-editor__error{color:#22d3ee;margin-top:12px;font-size:.84rem}@media (width<=768px){.detail-editor__layout.is-grid{grid-template-columns:1fr}}.surface-box{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.surface-box:before{content:"";pointer-events:none;background:linear-gradient(135deg,#fafafc09,#fafafc03 42%,#22d3ee0d 100%),radial-gradient(circle at 0 0,#fafafc0e,#0000 34%);position:absolute;inset:0}.surface-box>*{z-index:1;position:relative}.surface-box--glass{background:#0f172ac2;border:1px solid #fafafc29;width:100%;max-width:400px;padding:48px 40px;box-shadow:0 20px 64px #0f172a57}.surface-box--panel{background:#0f172ac2;border:1px solid #fafafc29;height:auto;box-shadow:0 20px 64px #0f172a3d}.pill-toggle{min-height:var(--pill-control-height);align-items:center;gap:12px;display:inline-flex}.pill-toggle__switch{width:54px;min-height:var(--pill-control-height);border:var(--pill-control-border);border-radius:var(--pill-control-radius);background:var(--pill-control-bg);cursor:pointer;padding:3px;transition:border-color .18s,box-shadow .18s;position:relative}.pill-toggle__switch:hover{border-color:#fafafc1f}.pill-toggle__switch:focus-visible{border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow);outline:none}.pill-toggle__switch.is-checked{box-shadow:none;border-color:#fafafc1f}.pill-toggle__thumb{background:var(--interactive-selected-fill);width:24px;height:24px;box-shadow:inset 0 0 0 1px var(--interactive-selected-border);border-radius:999px;transition:transform .18s;display:block}.pill-toggle__thumb.is-checked{transform:translate(20px)}.pill-toggle__labels{white-space:nowrap;font-family:var(--font-body);font-size:var(--pill-control-font-size);font-weight:var(--pill-control-font-weight);align-items:center;gap:8px;display:inline-flex}.pill-toggle__label{color:var(--pill-control-text);transition:color .18s}.pill-toggle__label.is-active{color:#fafafc}.pill-toggle__slash{color:var(--pill-control-placeholder)}.pill-button{align-items:center;gap:var(--pill-control-gap);min-height:var(--pill-control-height);padding:0 var(--pill-control-padding-x);border:var(--pill-control-border);border-radius:var(--pill-control-radius);background:var(--pill-control-bg);color:var(--pill-control-text);font-family:var(--font-body);font-size:var(--pill-control-font-size);font-weight:var(--pill-control-font-weight);cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-flex}.pill-button span,.pill-button strong{font-size:inherit}.pill-button__icon{color:currentColor;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.pill-button__icon svg{width:14px;height:14px}.pill-button.is-icon-only{width:var(--pill-control-height);min-width:var(--pill-control-height);justify-content:center;gap:0;padding:0}.pill-button strong{color:#fafafc}.pill-button:hover{border-color:var(--interactive-hover-border);color:#fafafc;transform:translateY(-1px)}.pill-button:focus-visible{border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow);outline:none}.pill-button.is-active{background:var(--interactive-selected-fill);border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow);color:#fafafc}.pill-button.is-active strong{color:#fafafc}.pill-search-field{flex:1;margin-left:auto;position:relative}.pill-search-field__icon{top:50%;left:var(--search-icon-left);width:var(--search-icon-size);height:var(--search-icon-size);color:var(--pill-control-placeholder);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;transform:translateY(-50%)}.pill-search-field__icon svg{width:var(--search-icon-size);height:var(--search-icon-size)}.pill-search-field:focus-within .pill-search-field__icon{color:#fafafc}.pill-search-field__input{width:100%;min-height:var(--pill-control-height);padding:0 var(--pill-control-padding-x) 0 var(--search-input-padding-left);background:var(--pill-control-bg);border:var(--pill-control-border);border-radius:var(--pill-control-radius);color:var(--pill-control-text);font-family:var(--font-body);font-size:var(--pill-control-font-size);font-weight:var(--pill-control-font-weight);transition:border-color .18s,background .18s,color .18s,transform .18s}.pill-search-field__input::placeholder{color:var(--pill-control-placeholder)}.pill-search-field__input:focus{border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow);color:#fafafc;outline:none}.selectable-card{gap:var(--list-selection-gap);width:100%;padding:var(--list-selection-padding);background:var(--list-selection-bg);border:var(--list-selection-border);border-radius:var(--list-selection-radius);color:#fafafc;text-align:left;cursor:pointer;flex-direction:column;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.selectable-card:hover{background:var(--list-selection-bg-hover);border-color:var(--interactive-hover-border);box-shadow:var(--list-selection-hover-shadow);transform:translateY(-1px)}.selectable-card:focus-visible{box-shadow:var(--interactive-selected-shadow);border-color:var(--interactive-selected-border);outline:none}.selectable-card.is-selected{background:var(--interactive-selected-fill);border-color:var(--interactive-selected-border);box-shadow:var(--interactive-selected-shadow)}.status-pill{color:#0f172a;height:34px;font-family:var(--font-body);pointer-events:none;background:#fafafc;border-radius:999px;align-items:center;padding:0 14px;font-size:.84rem;font-weight:600;display:inline-flex}