:root{color-scheme:light;font-family:Inter,Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:radial-gradient(circle at top left,rgba(14,165,233,.18),transparent 34%),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 28%),linear-gradient(180deg,#eff6ff,#f8fafc 35%,#e2e8f0)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}.auth-screen,.app-shell{min-height:100vh;padding:1.25rem}.auth-screen{display:grid;place-items:center}.auth-card{width:min(42rem,100%);padding:2rem;border:1px solid rgba(148,163,184,.45);border-radius:24px;background:#ffffffd1;box-shadow:0 30px 80px #0f172a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:rise .22s ease-out}.auth-card--login{width:min(30rem,100%)}.auth-card__intro{margin-bottom:1.5rem}.app-shell{width:min(1200px,100%);margin:0 auto;display:grid;gap:1rem}.app-header,.panel,.notice,.app-footer{border:1px solid rgba(148,163,184,.34);border-radius:20px;background:#fffc;box-shadow:0 18px 44px #0f172a14}.app-header{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;align-items:flex-start}.app-header__meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.workspace{display:grid;gap:1rem}.panel{padding:1.25rem}.panel__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.panel__header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.panel-hero{display:flex;align-items:center;gap:.9rem}.panel-hero__icon{width:2.5rem;height:2.5rem;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#0ea5e92e,#10b98129);border:1px solid rgba(148,163,184,.35);color:#0369a1;font-weight:800;letter-spacing:.06em}.filters,.form-grid{display:grid;gap:.9rem}.filters{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:.4rem;color:#334155}.field span{font-size:.92rem;font-weight:650;color:#475569}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(148,163,184,.55);border-radius:14px;padding:.8rem .95rem;color:#0f172a;background:#fffffff2;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.field textarea{resize:vertical;min-height:10rem}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 4px #0ea5e929}.field input:disabled,.field select:disabled,.field textarea:disabled,.button:disabled{opacity:.65;cursor:not-allowed}.field--wide{grid-column:1 / -1}.field--grow{flex:1;min-width:0}.form-actions{grid-column:1 / -1;display:flex;gap:.75rem;flex-wrap:wrap}.metadata-form{display:flex;gap:.8rem;align-items:flex-end;margin-bottom:1rem}.metadata-form__actions{display:flex;gap:.6rem;flex-wrap:wrap}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.5);border-radius:999px;padding:.72rem 1rem;background:#fffffff2;color:#0f172a;font-weight:650;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#2563eb66;box-shadow:0 10px 22px #2563eb1f}.button--primary{border-color:#0369a1;background:linear-gradient(135deg,#0284c7,#0ea5e9);color:#fff}.button--soft{background:linear-gradient(135deg,#0f766e1a,#0ea5e91f)}.button--ghost{background:transparent}.button--compact{padding:.56rem .82rem}.app-nav{display:flex;flex-wrap:wrap;gap:.5rem}.app-nav .button{width:auto}.app-nav__button{border-color:#94a3b86b;background:#ffffffb8}.app-nav__button--active{border-color:#0369a173;background:linear-gradient(135deg,#0ea5e92e,#10b98124);box-shadow:0 10px 24px #0ea5e91f}.muted{color:#475569}.eyebrow{margin-bottom:.4rem;color:#0369a1;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:750}.auth-card h1,.app-header h1{font-size:clamp(2.2rem,5vw,3.5rem);line-height:.95;margin-bottom:.6rem}.panel h2,.state-card h3{font-size:1.25rem;margin-bottom:.25rem}.notice,.state-card{padding:1rem;display:flex;gap:.75rem;align-items:center;justify-content:space-between}.notice--error{border-color:#dc262647;background:#fef2f2f5;color:#991b1b}.notice--subtle{color:#475569;background:#ffffffb3}.state-card{flex-direction:column;justify-content:center;min-height:10rem;text-align:center}.state-card--empty{align-items:flex-start;text-align:left}.count-pill,.user-pill,.badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:#ffffffd1}.count-pill,.badge{padding:.45rem .72rem;font-size:.88rem;font-weight:700}.user-pill{padding:.55rem .8rem;flex-direction:column;align-items:flex-start}.user-pill__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b}.item-list{display:grid;gap:.9rem}.admin-grid{display:grid;gap:1rem}.item-card{padding:1rem;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);display:grid;gap:.8rem}.item-card__header{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.item-card__title-group{display:grid;gap:.25rem}.item-card h3{font-size:1.1rem;line-height:1.25}.item-card__title-note,.item-card__hint,.meta-grid,.item-card__body{color:#475569}.item-card__title-note,.item-card__hint{font-size:.92rem}.item-card__body{white-space:pre-wrap;overflow-wrap:anywhere}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;font-size:.92rem}.meta-grid>div{display:grid;gap:.2rem}.meta-grid__label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.item-card__actions{display:flex;gap:.6rem;flex-wrap:wrap}.metadata-panel{padding:1.35rem}.metadata-panel__header{margin-bottom:1rem}.metadata-list{display:grid;gap:.7rem}.metadata-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem .95rem;border-radius:18px;border:1px solid rgba(148,163,184,.28);background:linear-gradient(180deg,#fffffffa,#f8fafcf2)}.metadata-row--archived{border-style:dashed;background:linear-gradient(180deg,#f1f5f9f5,#e2e8f0e6);opacity:.92}.metadata-row--dragging{box-shadow:0 18px 32px #0ea5e924}.metadata-row__handle-column{display:flex;align-items:center}.metadata-row__handle{width:2.4rem;height:2.4rem;border-radius:14px;border:1px solid rgba(148,163,184,.4);background:#ffffffeb;color:#64748b;display:grid;place-items:center;font-size:1.15rem;line-height:1;cursor:grab}.metadata-row__handle:active{cursor:grabbing}.metadata-row__handle:disabled{cursor:not-allowed}.metadata-row__body{display:grid;gap:.35rem;min-width:0}.metadata-row__heading{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.metadata-row__heading strong{font-size:1.02rem}.metadata-row__usage,.metadata-row__helper{color:#64748b}.metadata-row__usage{font-size:.92rem;font-weight:650}.metadata-row__helper{font-size:.88rem}.metadata-row__actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.badge--active{color:#065f46;background:#d1fae5d9;border-color:#10b98140}.badge--hidden{color:#7c2d12;background:#fef3c7e6;border-color:#f59e0b47}.badge--archived{color:#7f1d1d;background:#fee2e2f5;border-color:#dc262647}.spinner{width:2rem;height:2rem;border-radius:50%;border:3px solid rgba(14,165,233,.18);border-top-color:#0284c7;animation:spin .8s linear infinite}.app-footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.95rem 1.25rem;color:#475569}.stack{display:grid;gap:.85rem}.panel--narrow{width:min(42rem,100%);margin-inline:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1080px){.filters,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metadata-row{grid-template-columns:auto minmax(0,1fr)}.metadata-row__actions{grid-column:2;justify-content:flex-start}}@media(max-width:720px){.app-header,.panel,.auth-card,.app-footer{padding:1rem}.app-header{flex-direction:column}.app-header__meta{width:100%;justify-content:space-between}.app-nav{width:100%}.app-nav .button{width:auto;flex:1 1 0}.metadata-form{flex-direction:column;align-items:stretch}.filters,.form-grid,.meta-grid{grid-template-columns:1fr}.item-card__header,.notice,.app-footer{flex-direction:column;align-items:flex-start}.metadata-row{grid-template-columns:1fr}.metadata-row__handle-column,.metadata-row__actions,.metadata-row__heading{justify-content:flex-start}.metadata-row__actions{width:100%}.metadata-row__handle{width:2.5rem}.button{width:100%}.app-nav .button,.metadata-row__handle,.button--compact{width:auto}}