.add-item-page{width:100%;min-height:calc(100vh - 56px);display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;box-sizing:border-box;background:linear-gradient(135deg,#b8c5f2 0%,#c5b3d9 50%,#e8d4f0 100%)}.add-item-toast{position:fixed;top:80px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:999px;background:linear-gradient(135deg,#9dadd6 0%,#b3a3cb 100%);color:#fff;font-size:14px;font-weight:600;box-shadow:0 2px 8px #7b61ff26;z-index:999}.add-item-card{width:100%;max-width:640px;background:#ffffff;border-radius:16px;padding:40px;box-shadow:0 2px 8px #7b61ff14;border:1px solid rgba(184,197,242,.3);box-sizing:border-box}.add-item-title{font-size:28px;font-weight:800;margin-bottom:24px;color:#7c8db5}.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}