body{background-color:#a59da833}.loading-icon{width:80px;margin:0 auto}.loading-icon img{width:100%}.collections-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#111827}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.collections-header{display:flex;margin-bottom:2rem}.primary-action{font-size:15px;font-weight:300;letter-spacing:2px;text-transform:uppercase;padding:.7rem 1rem;background:#111827be;color:#fff;border-radius:999px;text-decoration:none;transition:background .2s ease}.primary-action:hover{background:#000;translate:-2px}.collection-card{background:#fff;overflow:hidden;border-radius:10px}.collection-card-image{width:100%;object-fit:cover;background:#f3f4f6;display:block}.collection-card-content h3{font-size:18px;font-weight:250;margin-bottom:10px;text-transform:uppercase}.collection-description{font-size:14px;color:#6b7280;line-height:1.4;font-style:italic;color:#665472}.collection-owner{font-size:13px;text-transform:uppercase;color:purple}.collection-show{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;font-family:Inter,system-ui,sans-serif;color:#1f2937}.collection-show-content{display:flex;flex-direction:column;gap:2px;text-align:center}.collection-show-title{font-size:25px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:10px}.collection-show-description{font-size:20px;font-style:italic}.collection-show-edit,collection-show-delete{text-align:center}.collection-show-actions{margin-top:8px}.collection-show p{color:#4b5563;line-height:1.6}.collection-image{width:60%;max-height:300px;object-fit:cover;border-radius:16px;margin:0 auto}.collection-show a,.collection-show button{display:inline-block;margin-right:.75rem;margin-top:.5rem;margin-bottom:1rem;font-size:16px}.collection-show a{color:#585656;text-transform:uppercase;text-decoration:none;font-weight:400;border:1px solid purple;padding:8px 10px;border-radius:8px}.collection-show a:hover{text-decoration:underline}.collection-show button{background:none;color:#585656;text-transform:uppercase;border:solid .75px rgb(255,60,60);padding:8px 10px;border-radius:8px;cursor:pointer}.collection-show button:hover{background:#000}.items-grid{column-count:3;column-gap:1.5rem}.item-card{break-inside:avoid;background:#f2f2f2;border-radius:18px;padding:1rem 1rem 1.25rem;margin-bottom:1.5rem;box-shadow:0 10px 25px #0000000f,0 4px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.item-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #00000014,0 6px 12px #0000000d}.item-image{width:100%;border-radius:14px;margin-bottom:.75rem;object-fit:cover}.item-card h3{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.item-type{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin-bottom:.75rem}.item-link{display:inline-block;margin-top:.5rem;font-size:.85rem;color:#2563eb;font-weight:500}.hint{font-size:15px;color:#9ca3af;margin-bottom:.5rem}.item-title{font-size:20px;font-weight:500;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:7px;margin-bottom:15px}.image-upload-preview{width:100%;max-width:100%;max-height:240px;object-fit:cover;border-radius:12px;display:block;margin:10px auto}.image-upload{width:100%;max-width:100%;overflow:hidden}.collection-create{max-width:420px;margin:50px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;padding:30px;border-radius:8px;border-style:double}.collection-create-title{font-size:20px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:15px}.collection-create-error{color:#e63946;margin-bottom:16px;text-align:center;font-size:12px}.collection-create-form{display:flex;flex-direction:column;gap:15px}.collection-create-input,.collection-create-textarea{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.collection-create-textarea{resize:none;min-height:90px}.collection-create-input:focus,.collection-create-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.collection-create-image{margin-top:4px}.collection-create-button{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.collection-create-button:hover{background:#6365f19c}.collection-create-button:active{transform:scale(.98)}.collection-create-pic-message{font-size:12px;font-weight:200;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:0}.signup-container{max-width:420px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;border-style:double;border-radius:8px}.signup-container h1{font-size:20px;font-weight:300;margin-bottom:24px;text-align:center}.signup-form{display:flex;flex-direction:column;gap:15px}.form-control-sign-up{display:flex;flex-direction:column}.form-control-sign-up input{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-control-sign-up input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.signup-btn{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.signup-btn:hover{background:#6365f19c}.signup-btn:active{transform:scale(.98)}.signin-container{max-width:420px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;border-style:double;border-radius:8px}.signin-container h1{font-size:20px;font-weight:300;margin-bottom:24px;text-align:center}.signin-form{display:flex;flex-direction:column;gap:15px}.form-control-sign-in{display:flex;flex-direction:column}.form-control-sign-in input{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.form-control-sign-in input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.signin-btn{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.signin-btn:hover{background:#6365f19c}.signin-btn:active{transform:scale(.98)}.error-message{color:#000;border:solid 1px red;margin-bottom:15px;text-align:center;padding:7px;border-radius:8px;font-size:15px;text-transform:uppercase}.dashboard-page{max-width:1200px;margin:0 auto;padding:2.5rem 1.5rem;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#111827}.dashboard-header{display:flex;align-items:center;gap:50px;margin-bottom:35px;padding-bottom:40px;border-bottom:1px solid #000000}.dashboard-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e5e7eb;background:#f3f4f6}.dashboard-user h1{font-size:20px;font-weight:300;margin-bottom:20px;text-transform:uppercase}.edit-profile{color:#585656;text-transform:uppercase;text-decoration:none;font-weight:400;border:1px solid purple;padding:8px 10px;border-radius:8px}.dashboard-bio{color:#4b5563;margin-bottom:25px;max-width:480px}.edit-profile-link{font-size:.9rem;font-weight:500;color:#2563eb;text-decoration:none}.edit-profile-link:hover{text-decoration:underline}.dashboard-collections h2{font-size:25px;font-weight:300;margin-bottom:30px;text-align:center;text-transform:uppercase;letter-spacing:5px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.collection-card{background:#fff;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 10px 25px #0000000f,0 4px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.collection-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #00000014,0 6px 12px #0000000d}.collection-card-image{width:100%;height:160px;object-fit:cover}.collection-card-content{padding:1rem}.collection-card-content h3{font-size:1.05rem;font-weight:600;line-height:1.3}.empty-state{color:#6b7280;font-size:.95rem;font-style:italic}.collection-card-description{font-size:14px;color:#6b7280;line-height:1.4;font-style:italic;color:#665472}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;background:#ffffff69;height:100px}.navbar-logo{height:auto;width:300px;padding-top:20px}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-links a{text-decoration:none;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:300;color:#585656;transition:color .2s ease}.sign-in-link,.sign-up-link{background-color:#a59da861;padding:10px 20px;border-radius:18px;color:#fff}.sign-in-link a:hover,.sign-out-link a:hover{color:#000;background-color:#6365f19c}.nav-links button{font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:1rem;font-weight:300;padding:10px 20px;border-radius:15px;border:none;background:#a59da861;color:#585656;cursor:pointer;transition:background .2s ease,transform .1s ease}.sign-out-button:hover{color:#000;background-color:#6365f19c}.navbar-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid purple;transition:border .2s ease}.navbar-avatar:hover{border:2px solid rgb(192,192,192)}.nav-user{display:flex;align-items:center;gap:1rem}.dashboard-link:hover,.create-link:hover{color:purple;translate:-1px}.item-create{max-width:420px;margin:50px auto;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;padding:30px;border-radius:8px;border-style:double}.item-create-title{font-size:20px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:15px}.item-create-error{color:#000;border:solid 1px red;margin-bottom:15px;text-align:center;padding:7px;border-radius:8px;font-size:15px;text-transform:uppercase}.item-create-form{display:flex;flex-direction:column;gap:15px}.item-create-input,.item-create-select{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.item-create-input:focus,.item-create-select:focus{border-color:#6366f1}.item-create-image{margin-top:4px}.item-create-button{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.item-create-button:hover{background:#6365f19c}.item-create-button:active{transform:scale(.98)}.item-create-pic-message{font-size:12px;font-weight:200;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:12px}.collection-edit{max-width:420px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;border-style:double;border-radius:8px}.collection-edit-title{font-size:20px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:15px}.collection-edit-error{color:#e63946;margin-bottom:16px;text-align:center;font-size:12px}.collection-edit-form{display:flex;flex-direction:column;gap:15px}.collection-edit-input,.collection-edit-textarea{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.collection-edit-textarea{resize:none;min-height:90px}.collection-edit-input:focus,.collection-edit-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.collection-edit-image{margin-top:4px}.collection-edit-button{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.collection-edit-button:hover{background:#6365f19c}.collection-edit-button:active{transform:scale(.98)}.collection-edit-pic-message{font-size:12px;font-weight:200;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:0}.item-edit{max-width:420px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;border-style:double;border-radius:8px}.item-edit-title{font-size:20px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:15px}.item-edit-form{display:flex;flex-direction:column;gap:15px}.item-edit-input{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;transition:border .2s ease,box-shadow .2s ease}.item-edit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.item-edit-pic-message{font-size:12px;font-weight:200;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:12px}.item-edit-image{margin-top:4px}.item-edit-button{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.item-edit-button:hover{background:#6365f19c}.item-edit-button:active{transform:scale(.98)}.profile-edit{max-width:420px;margin:50px auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;border:5px #4e47db;border-style:double;border-radius:8px}.profile-edit-title{font-size:20px;font-weight:300;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:6px;text-align:center;margin-bottom:15px}.profile-edit-form{display:flex;flex-direction:column;gap:15px}.profile-edit-textarea{font-size:15px;font-family:Verdana,Geneva,Tahoma,sans-serif;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;outline:none;resize:none;min-height:100px;transition:border .2s ease,box-shadow .2s ease}.profile-edit-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.profile-edit-subtitle{font-size:12px;font-weight:200;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-transform:uppercase;letter-spacing:3px;text-align:center;margin-bottom:12px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px;justify-items:center;margin-bottom:10px}.avatar-option{width:64px;height:64px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid transparent;transition:transform .15s ease,border .15s ease}.avatar-option:hover{transform:scale(1.05)}.avatar-option.selected{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.profile-edit-button{margin-top:8px;padding:12px;border-radius:15px;border:none;background:#a59da861;color:#585656;font-size:15px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.profile-edit-button:hover{background:#6365f19c}.profile-edit-button:active{transform:scale(.98)}
