.collection-card{background-color:var(--card-bg);border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px var(--shadow);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;height:100%;display:flex;flex-direction:column}.collection-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px var(--shadow)}.collection-image{position:relative;height:180px;overflow:hidden}.collection-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.collection-card:hover .collection-image img{transform:scale(1.05)}.card-count{position:absolute;bottom:10px;right:10px;padding:5px 10px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:15px;font-size:.8rem;font-weight:500}.collection-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.collection-name{font-size:1.2rem;margin-bottom:10px;color:var(--foreground)}.collection-description{font-size:.9rem;color:var(--foreground);opacity:.8;flex-grow:1}.notifications-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:10px;max-width:350px;width:100%}.notification{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 12px var(--shadow);padding:15px;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;cursor:pointer;animation:slideIn .3s ease forwards}.notification-success{border-left:4px solid var(--success)}.notification-error{border-left:4px solid var(--error)}.notification-info{border-left:4px solid var(--info)}.notification-warning{border-left:4px solid var(--warning)}.notification-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.notification-success .notification-icon{background-color:var(--success);color:#fff}.notification-error .notification-icon{background-color:var(--error);color:#fff}.notification-info .notification-icon{background-color:var(--info);color:#fff}.notification-warning .notification-icon{background-color:var(--warning);color:#fff}.notification-message{flex:1 1;font-size:.9rem}.notification-close{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.6;transition:opacity .2s ease;padding:5px}.notification-close:hover{opacity:1}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(to right,var(--primary),var(--secondary));width:100%;animation:progress linear forwards}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes progress{0%{width:100%}to{width:0}}@media (max-width:576px){.notifications-container{top:auto;bottom:20px;left:20px;right:20px;max-width:none}}.points-display{display:flex;align-items:center;gap:10px;background-color:var(--card-bg);border-radius:30px;padding:8px 15px;box-shadow:0 4px 10px var(--shadow);transition:all .3s ease}.points-display:hover{transform:translateY(-2px);box-shadow:0 6px 15px var(--shadow)}.points-display.animate{animation:pulse 1s ease}.points-icon{font-size:1.2rem}.points-info{display:flex;flex-direction:column}.points-value{font-weight:700;color:var(--primary)}.points-label{font-size:.7rem;opacity:.7}.points-display.small .points-icon{font-size:1rem}.points-display.small .points-value{font-size:.9rem}.points-display.small .points-label{font-size:.6rem}.points-display.large{padding:10px 20px}.points-display.large .points-icon{font-size:1.5rem}.points-display.large .points-value{font-size:1.3rem}.points-display.large .points-label{font-size:.8rem}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1);box-shadow:0 6px 20px rgba(0,180,216,.3)}to{transform:scale(1)}}.collections-page{padding:20px 0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.page-title{font-size:2.5rem;position:relative}.page-title:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--primary);border-radius:2px}.collections-actions{margin-bottom:30px}.create-collection-btn{padding:12px 24px;background-color:var(--primary);color:#fff;border-radius:30px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.create-collection-btn:before{content:"+";font-size:1.2rem;font-weight:700}.create-collection-btn:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,180,216,.2)}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:30px;gap:30px;animation:fadeIn .5s ease forwards}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.loading-spinner{width:40px;height:40px;border-radius:50%;border:3px solid rgba(0,180,216,.3);border-top:3px solid var(--primary);animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width:768px){.page-title{font-size:2rem}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}