.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1030;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-appear .3s ease}@keyframes overlay-appear{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.2);max-width:500px;width:90%;max-height:80vh;overflow-y:auto;z-index:1040;animation:modal-appear .3s ease}.modal--large{max-width:800px}.modal--user .modal__body{text-align:center}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #eee}.modal__header h3{margin:0;color:#333;font-size:1.25rem;font-weight:600}.modal__close-btn{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.modal__close-btn:hover{background:#fafafa;color:#666}.modal__body{padding:1.5rem}.modal__body p{margin:0 0 1rem;color:#666}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal__items{margin-top:1rem}.modal__item{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:1px solid #eee;border-radius:8px;margin-bottom:.5rem;background:#fafafa}.modal__item-remove-btn{background:#ff4757;color:#fff;border:none;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:background-color .2s ease}.modal__item-remove-btn:hover{background:rgb(255,20,40.4347826087)}.modal__cart-total{margin:1rem 0;padding:1rem;background:#f8f9ff;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;color:#333}.modal__checkout-btn{width:100%;background:#667eea;color:#fff;border:none;padding:.75rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease}.modal__checkout-btn:hover{background:#764ba2}.modal__user-info{margin-bottom:2rem}.modal__user-info-avatar{font-size:2.5rem;margin-bottom:1rem}.modal__user-info h4{margin:.5rem 0;color:#333;font-size:1.5rem;font-weight:600}.modal__user-info p{color:#666;margin:0}.modal__user-actions{display:flex;flex-direction:column;gap:.5rem}.modal__action-btn{padding:.75rem 1.5rem;border:1px solid #eee;border-radius:8px;background:#fff;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}.modal__action-btn:hover{background:#f8f9ff;border-color:#667eea}.modal__action-btn--logout{background:#ff4757;color:#fff;border-color:#ff4757}.modal__action-btn--logout:hover{background:rgb(255,20,40.4347826087)}@media(max-width:768px){.modal{width:95%;margin:1rem}.modal--large{max-height:90vh}.modal__body,.modal__header{padding:1rem}}@media(max-width:480px){.modal{width:95%;margin:.5rem}.modal__header h3{font-size:1rem}.modal__body{padding:.75rem}}