:root{--sidebar:#161922;--sidebar-raised:#222633;--sidebar-text:#b7beca;--sidebar-text-strong:#f4f6fb;--accent:#0572ec;--accent-hover:#0464d0;--accent-soft:#0572ec1f;--canvas:#f3f5f8;--surface:#fff;--text:#1c1f2a;--muted:#667085;--line:#e4e7ee;--danger:#c53636;--shadow:0 16px 40px #1619221f;--font:Inter, "Segoe UI", system-ui, sans-serif;color:var(--text);background:var(--canvas);font:15px/1.45 var(--font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}button,input,select{font:inherit;color:inherit}h1,h2,p{margin:0}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100svh;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;gap:28px;padding:22px 14px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brand strong{color:var(--sidebar-text-strong);font-size:15px;font-weight:600;display:block}.brand small{color:#8b93a7;font-size:12px}.brand-mark{background:linear-gradient(180deg, #2f8bff, var(--accent));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.brand-mark svg,.item-mark svg,.empty-mark svg,.request-mark svg,.public-mark svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.nav-group{flex-direction:column;flex:auto;gap:4px;display:flex}.nav-label{color:#8b93a7;letter-spacing:.08em;text-transform:uppercase;margin:0 8px 6px;font-size:11px;font-weight:600}.nav-link{min-height:36px;color:var(--sidebar-text);border-radius:8px;align-items:center;gap:10px;padding:0 10px;text-decoration:none;display:flex}.nav-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.nav-link:hover{color:var(--sidebar-text-strong);background:#ffffff0f}.nav-link.is-active{background:var(--sidebar-raised);color:#fff}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:8px;padding-top:12px;display:flex}.sidebar-user{color:var(--sidebar-text-strong);text-overflow:ellipsis;white-space:nowrap;padding:0 10px;font-size:13px;font-weight:600;overflow:hidden}.logout-button{text-align:left;background:0 0;border:0;width:100%}.content{min-width:0;padding:32px 40px 48px}.page{flex-direction:column;gap:20px;max-width:880px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.panel h2{font-size:16px;font-weight:600}.page-header h1,.public-card h1{color:var(--text);letter-spacing:-.03em;font-size:28px;font-weight:600}.page-header p,.lede{color:var(--muted);margin-top:4px}.expiry-note{color:var(--text);margin-top:8px;font-size:14px;font-weight:600}.search{display:block}.search input,.field-input,.select-input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;height:42px;padding:0 14px}.search input:focus,.field-input:focus,.select-input:focus{border-color:var(--accent);outline:3px solid var(--accent-soft)}.item-list,.field-list,.link-list{flex-direction:column;gap:8px;display:flex}.item-row,.link-row,.panel{border:1px solid var(--line);background:var(--surface);border-radius:12px}.item-row{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 14px;display:grid}.item-row:hover{border-color:#c9d7ee;box-shadow:0 8px 20px #1619220f}.item-mark,.public-mark,.empty-mark{background:var(--accent-soft);color:var(--accent);border-radius:10px;place-items:center;display:grid}.item-mark{width:40px;height:40px}.item-copy,.link-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.item-copy strong,.link-copy strong{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-copy span,.link-meta{color:var(--muted);font-size:13px}.item-type{color:var(--muted);text-transform:capitalize;background:#f2f4f8;border-radius:999px;padding:4px 8px;font-size:12px}.panel{flex-direction:column;gap:18px;padding:22px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:600}.field-control{gap:8px;display:flex}.field-control .field-input{flex:1;min-width:0}.unit-select{flex:0 0 120px;width:auto}.button,.quiet-button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 14px;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{background:var(--accent-hover)}.button-danger{background:var(--danger);color:#fff}.button-danger:hover{filter:brightness(.95)}.button:disabled{cursor:not-allowed;opacity:.65}.button-ghost,.quiet-button{border-color:var(--line);background:var(--surface);color:var(--text)}.button-ghost:hover,.quiet-button:hover{background:#f7f8fb}.quiet-button{min-height:42px;color:var(--muted);font-size:13px;font-weight:600}.button-row{justify-content:flex-end;gap:8px;display:flex}.status-message,.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center;background:#ffffffb3;border-radius:12px;padding:28px 16px}.empty-state{flex-direction:column;align-items:center;gap:8px;display:flex}.empty-mark{width:44px;height:44px;margin-bottom:4px}.empty-state strong{color:var(--text)}.request-error{background:var(--surface);text-align:center;border:1px solid #f0d5d5;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.request-error strong{color:var(--text)}.request-error p{max-width:360px;color:var(--muted)}.request-mark{width:44px;height:44px;color:var(--danger);background:#fdecec;border-radius:10px;place-items:center;margin-bottom:4px;display:grid}.public-share .request-error{width:min(460px,100%);box-shadow:var(--shadow)}.link-row{justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.link-meta{flex-wrap:wrap;gap:8px 16px;margin-top:4px;display:flex}.link-actions{flex-shrink:0;gap:8px;display:flex}.pill{color:#167944;background:#e8f6ee;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.pill.is-revoked{color:var(--danger);background:#fdecec}.public-share{background:radial-gradient(circle at top, #0572ec29, transparent 42%), var(--canvas);place-items:center;min-height:100svh;padding:32px 16px;display:grid}.login-card .login-submit{width:100%}.dev-bypass{background:var(--accent-soft);color:var(--accent);border-radius:10px;padding:10px 12px;font-size:13px}.form-error{color:var(--danger);font-size:13px}.public-card{border:1px solid var(--line);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;padding:28px;display:flex}.public-mark{width:48px;height:48px}.not-found-card{text-align:center;align-items:center}.not-found-code{color:var(--accent);letter-spacing:.16em;font-size:13px;font-weight:700}.not-found-card .lede strong{color:var(--text)}.modal-backdrop{background:#12151e7a;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-dialog{background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);border:0;border-radius:16px;flex-direction:column;gap:16px;padding:22px;display:flex}.modal-dialog h2{letter-spacing:-.02em;font-size:20px}.modal-heading{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.share-choice{gap:10px;display:grid}.share-choice-button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.share-choice-button:hover{background:#f7f8fb}.share-choice-button strong{color:var(--text);display:block}.share-choice-button span span{color:var(--muted);margin-top:2px;font-size:13px;display:block}.share-choice-icon{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:10px;flex:0 0 36px;place-items:center;display:grid}.share-choice-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.form-stack{flex-direction:column;gap:14px;display:flex}.suggest-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.suggest-item{text-align:left;background:#f7f8fb;border:0;border-radius:8px;width:100%;padding:8px 10px}.suggest-item:hover{background:var(--accent-soft)}@media (width<=800px){.app-shell{grid-template-columns:1fr}.sidebar{gap:16px;padding:16px}.nav-group{flex-flow:wrap}.nav-label{display:none}.nav-link{flex:none}.content{padding:20px 16px 32px}.page-header,.header-actions,.link-row,.field-control{flex-direction:column;align-items:stretch}.link-actions{width:100%}.page-header h1,.public-card h1{font-size:24px}}