.add-item-page{width:100%;min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:flex-start;padding-top:24px;box-sizing:border-box}.add-item-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:999px;background-color:#0f766ef5;color:#f9fafb;font-size:13px;box-shadow:0 6px 20px #0f172a4d;z-index:999}.add-item-card{width:100%;max-width:540px;background-color:#fff;border-radius:24px;padding:24px;box-shadow:0 18px 45px #0f172a1f;box-sizing:border-box}.add-item-title{font-size:22px;font-weight:700;margin-bottom:18px;color:#111827}.add-item-tabs{display:flex;border-radius:999px;background-color:#f3f4f6;padding:4px;margin-bottom:18px}.add-item-tab-button{flex:1;border-radius:999px;border:none;padding:6px 0;font-size:13px;cursor:pointer;font-weight:500;background-color:transparent;color:#4b5563}.add-item-tab-button.active{background-color:#2563eb;color:#fff;font-weight:600}.add-item-form{display:flex;flex-direction:column;gap:12px}.add-item-name-wrapper{position:relative;width:100%}.add-item-input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;box-sizing:border-box;background-color:#fff;color:#111827}.add-item-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:4px;background-color:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 8px 16px #0f172a14;max-height:180px;overflow-y:auto;z-index:20}.add-item-suggestion-item{padding:8px 10px;cursor:pointer;font-size:14px;color:#111827;border-bottom:1px solid #f3f4f6}.add-item-suggestion-item:last-child{border-bottom:none}.add-item-suggestion-item.active{background-color:#eff6ff}.add-item-image-preview{margin-top:8px;width:100%;max-width:200px;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.add-item-image{width:100%;height:140px;object-fit:cover;display:block}.add-item-submit-button{margin-top:8px;align-self:flex-end;padding:8px 18px;border-radius:999px;border:none;background-color:#2563eb;color:#fff;font-size:14px;font-weight:600;cursor:pointer}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#111827;background-color:#f5f6fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#3b82f6;text-decoration:none}a:hover{color:#2563eb}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f6fa}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3b82f6;color:#fff;cursor:pointer;transition:border-color .25s,background-color .15s}button:hover{border-color:#2563eb;background-color:#2563eb}button:focus,button:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}