:root{--color-bg: #f3f7fc;--color-surface: #ffffff;--color-surface-alt: #eef4fd;--color-border: #d7e1ef;--color-text: #13203b;--color-muted: #61708a;--color-primary: #137fec;--color-primary-strong: #0d63b8;--color-success: #0c9a56;--color-danger: #cc4141;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-soft: 0 10px 28px rgba(17, 42, 86, .08);--font-body: "Inter", "Segoe UI", sans-serif;--font-display: "Inter", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-body);color:var(--color-text);background:radial-gradient(circle at top right,#dbe9ff 0%,var(--color-bg) 42%,#edf4fc 100%)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{transition:all .15s ease}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(19,127,236,.35);outline-offset:2px}.app-root{min-height:100vh;padding:16px}.layout{display:grid;grid-template-columns:260px 420px 1fr;gap:16px;min-height:calc(100vh - 32px)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.sidebar,.items-pane,.drawer{overflow:hidden}.sidebar{display:flex;flex-direction:column}.sidebar-header,.items-header,.drawer-header,.drawer-subheader{padding:14px 16px;border-bottom:1px solid var(--color-border)}.sidebar-body,.items-body,.drawer-body{padding:14px 16px;overflow:auto}.row{display:flex;align-items:center;gap:10px}.row-space{display:flex;align-items:center;justify-content:space-between;gap:10px}.h1{font-family:var(--font-display);font-size:17px;font-weight:700;margin:0}.h2{font-size:14px;font-weight:700;margin:0}.muted{color:var(--color-muted);font-size:13px}.input,.select,.textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);padding:10px 12px}.textarea{min-height:88px;resize:vertical}.button{border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 12px;cursor:pointer;font-weight:600}.button-primary{background:var(--color-primary);color:#fff}.button-primary:hover{background:var(--color-primary-strong)}.button-ghost{background:#f2f7ff;border-color:#d2e5ff;color:var(--color-primary-strong)}.button-muted{background:#fff;border-color:var(--color-border);color:var(--color-text)}.button-danger{background:#fff4f4;border-color:#f4c9c9;color:var(--color-danger)}.category-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;margin-bottom:8px}.category-item.active{background:#ecf4ff;border-color:#cfe2fb;font-weight:600}.items-toolbar{display:grid;grid-template-columns:1fr 150px;gap:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #cfdced;background:#f7fbff;border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.chip.active{border-color:#aad0fa;background:#e5f2ff;color:var(--color-primary-strong)}.item-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;margin-bottom:10px;background:#fcfdff}.item-card.active{border-color:#adcff7;background:#f0f7ff}.item-card h3{font-size:15px;margin:0 0 8px}.drawer{position:relative}.drawer-body section{margin-bottom:18px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;background:#fbfdff}.field-grid{display:grid;gap:10px}.status-pill{font-size:12px;border-radius:999px;padding:4px 8px;border:1px solid var(--color-border);background:#f7fbff}.status-saving{color:var(--color-primary-strong)}.status-saved{color:var(--color-success)}.status-error{color:var(--color-danger)}.custom-field-row,.tag-row,.file-row{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;padding:10px;margin-bottom:8px}.empty-state{border:1px dashed #b8c7db;border-radius:var(--radius-sm);color:var(--color-muted);text-align:center;padding:20px}.skeleton{height:12px;border-radius:999px;margin-bottom:8px;background:linear-gradient(90deg,#e7eef9 25%,#f7fbff,#e7eef9 75%);background-size:200% 100%;animation:shimmer 1.3s infinite linear}@keyframes shimmer{0%{background-position:0% 0%}to{background-position:-200% 0%}}.toast-stack{position:fixed;bottom:16px;right:16px;display:grid;gap:8px;z-index:80}.toast{border-radius:var(--radius-sm);background:#13203b;color:#fff;padding:10px 12px;min-width:220px;box-shadow:var(--shadow-soft)}.toast.error{background:#9a1f1f}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e182b66;display:flex;align-items:center;justify-content:center;padding:16px;z-index:70}.modal{width:min(460px,96vw);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:16px}.mobile-topbar,.overlay{display:none}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(420px,96vw);padding:24px}@media(max-width:1000px){.app-root{padding:0}.layout{display:block;min-height:100vh;padding:12px}.mobile-topbar{display:flex;gap:8px;margin-bottom:12px}.sidebar{position:fixed;z-index:60;inset:0 auto 0 0;width:min(320px,86vw);transform:translate(-120%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a142866;z-index:50}.overlay.show{display:block}.items-pane{min-height:calc(100vh - 70px)}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;transform:translate(120%);transition:transform .2s ease;border-radius:0}.drawer.open{transform:translate(0)}}