@charset "UTF-8";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-status-container .alert-danger{background:#ffe5e5;color:#b71c1c;border:none;border-radius:12px;box-shadow:0 2px 8px #b71c1c14;padding:18px 20px;margin-bottom:18px;font-size:1rem;text-align:left;display:flex;align-items:center;max-width:320px}.login-status-container{display:flex;align-items:center;justify-content:center;width:100%}.login-form{width:100%}.login-form .input-group{display:flex;gap:10px}.login-form .input-group .form-control{flex:1;padding:15px 20px;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease}.login-form .input-group .form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.login-form .input-group .form-control::placeholder{color:#adb5bd}.login-form .input-group .btn{padding:15px 20px;border-radius:12px;font-size:1rem;font-weight:600;border:none;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.login-form .input-group .btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.login-form .input-group .btn i{font-size:1.1rem}.link-sent-message{text-align:center;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.link-sent-message span{font-size:1.1rem;color:#495057}.link-sent-message span strong{color:#667eea}.link-sent-message p{font-size:.9rem;margin:10px 0 0}.user-email{margin-right:15px;font-weight:500;color:#495057}.app{display:flex;flex-direction:column;width:100%}.app .header .navbar{box-shadow:0 2px 10px #0000001a}.app .header .navbar .navbar-brand{font-weight:700;font-size:1.4rem;color:#2c3e50!important}.app .header .navbar .navbar-brand:hover{color:#667eea!important;transition:color .3s ease}.app .header .navbar .nav-link{display:flex;align-items:center;font-weight:500;color:#495057!important;padding:.75rem 1rem!important;border-radius:8px;margin:0 .25rem;transition:all .3s ease}.app .header .navbar .nav-link:hover{color:#667eea!important;background-color:#667eea1a;transform:translateY(-1px)}.app .header .navbar .nav-link i{font-size:1.1rem;color:#667eea}.app .header .navbar .navbar-toggler{border:none;padding:.25rem .5rem}.app .header .navbar .navbar-toggler:focus{box-shadow:none}.login-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px}.app{display:flex;flex-direction:column;width:100%;min-height:100vh}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.loading-spinner{text-align:center;color:#2c3e50}.loading-spinner i{font-size:3rem;color:#667eea;animation:spin 1s linear infinite;display:block;margin-bottom:20px}.loading-spinner p{font-size:1.2rem;font-weight:500;margin:0;color:#7f8c8d}.container{max-width:1200px;margin:0 auto;padding:1rem .5rem;background:#f8f9fa;min-height:100vh}.container .title{text-align:center;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 32px #667eea4d}.container .title h3{margin:0 0 .5rem;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.container .title small{font-size:1rem;opacity:.9;font-weight:500}.container .category-container{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.container .category-container:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-1px)}.container .category-container strong{display:block;font-size:1.2rem;color:#495057;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e9ecef;font-weight:700}.container .category-container .select-item{background:#f8f9fa;border-radius:8px;padding:.75rem;margin-bottom:.75rem;border:1px solid #e9ecef;transition:all .3s ease}.container .category-container .select-item:hover{background:#fff;box-shadow:0 2px 12px #0000001a;border-color:#007bff}.container .category-container .select-item:last-child{margin-bottom:0}.container .category-container .select-item .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.container .category-container .select-item .item-header .item-name-container{display:flex;align-items:center;justify-content:space-between;flex:1}.container .category-container .select-item .item-header .item-name-container .item-name{flex:1;cursor:pointer;font-size:1.1rem;font-weight:700;color:#495057;padding:.5rem .75rem;background:#fff;border-radius:6px;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;justify-content:space-between}.container .category-container .select-item .item-header .item-name-container .item-name:hover{background:#e8f5e8;border-color:#28a745;color:#28a745}.container .category-container .select-item .item-header .item-name-container .item-name.active{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#28a745;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#fff}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons{display:flex;gap:.5rem;margin-left:1rem}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn{padding:.5rem .75rem;font-size:.9rem;border-radius:8px;border:none;font-weight:600;transition:all .3s ease;min-width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn.btn-outline-primary{background:transparent;color:#007bff;border:2px solid #007bff}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn.btn-outline-primary:hover{background:#007bff;color:#fff;box-shadow:0 4px 12px #007bff4d}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn.btn-outline-danger{background:transparent;color:#dc3545;border:2px solid #dc3545}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn.btn-outline-danger:hover{background:#dc3545;color:#fff;box-shadow:0 4px 12px #dc35454d}.container .category-container .select-item .item-header .item-name-container .item-actions-buttons .btn i{font-size:1rem}.container .category-container .select-item .item-header .rename-input-group{display:flex;align-items:center;gap:.75rem;flex:1}.container .category-container .select-item .item-header .rename-input-group .form-control{flex:1;max-width:300px;border-radius:6px;border:1px solid #e9ecef;padding:.5rem;font-size:.95rem;transition:all .3s ease}.container .category-container .select-item .item-header .rename-input-group .form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.container .category-container .select-item .item-header .rename-input-group .rename-actions{display:flex;gap:.4rem}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn{padding:.4rem .6rem;font-size:.85rem;border-radius:6px;border:none;font-weight:600;transition:all .3s ease;min-width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4449);box-shadow:0 4px 12px #6c757d4d}.container .category-container .select-item .item-header .rename-input-group .rename-actions .btn i{font-size:1rem}.container .category-container .select-item .item-actions{background:#fff;border-radius:6px;padding:1rem;border:1px solid #e9ecef;margin-top:.75rem}.container .category-container .select-item .item-actions form{font-size:small;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.container .category-container .select-item .item-actions form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media (max-width: 768px){.container .category-container .select-item .item-actions form .form-row{grid-template-columns:1fr;gap:.5rem}}.container .category-container .select-item .item-actions form .form-field{margin-top:0;margin-bottom:.75rem;margin-right:0}.container .category-container .select-item .item-actions form .form-field label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.95rem;width:auto;margin-right:0;text-align:left}.container .category-container .select-item .item-actions form .form-field label .history-hint{display:block;font-weight:400;color:#6c757d;font-size:.8rem;margin-top:.25rem;font-style:italic}.container .category-container .select-item .item-actions form .form-field label .history-hint .avg-price-hint{color:#17a2b8;font-weight:500;margin-left:.5rem}.container .category-container .select-item .item-actions form .form-field input{width:100%;padding:.5rem;border:1px solid #e9ecef;border-radius:6px;font-size:.95rem;transition:all .3s ease}.container .category-container .select-item .item-actions form .form-field input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.container .category-container .select-item .item-actions form .form-field .history-summary{background:#f8f9fa;border-radius:6px;padding:.75rem;margin:.75rem 0;border:1px solid #e9ecef}.container .category-container .select-item .item-actions form .form-field .history-summary .history-title{display:block;color:#495057;font-weight:600;margin-bottom:.75rem;font-size:.9rem}.container .category-container .select-item .item-actions form .form-field .history-summary .history-title i{color:#007bff}.container .category-container .select-item .item-actions form .form-field .history-summary .history-title.text-muted{color:#6c757d;font-weight:500}.container .category-container .select-item .item-actions form .form-field .history-summary .history-title.text-muted i{color:#6c757d}.container .category-container .select-item .item-actions form .form-field .history-summary .history-items{display:flex;flex-direction:column;gap:.5rem}.container .category-container .select-item .item-actions form .form-field .form-field-btn{display:flex;gap:1rem;justify-content:center;align-items:center;margin-top:1.5rem;width:100%;padding:0 .75rem}.container .category-container .select-item .item-actions form .form-field .form-field-btn button{margin:0;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;transition:all .3s ease;min-width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.container .category-container .select-item .item-actions form .form-field .form-field-btn button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.container .category-container .select-item .item-actions form .form-field .form-field-btn button.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.container .category-container .select-item .item-actions form .form-field .form-field-btn button.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d}.container .category-container .select-item .item-actions form .form-field .form-field-btn button.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.container .category-container .select-item .item-actions form .form-field .form-field-btn button.btn-danger:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d}.container .category-container .select-item .item-actions form .form-field .form-field-btn button i{font-size:1.4rem}.container .category-container .select-item .item-actions .item-details{margin-top:.5rem;margin-right:0;margin-left:0;display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#6c757d}.container .category-container .select-item .item-actions .item-details div{padding:.25rem 0;border-bottom:1px solid #f1f3f4}.container .category-container .select-item .item-actions .item-details div:last-child{border-bottom:none}.container .form-control{border-radius:20px;border:1px solid #e9ecef;padding:.5rem 1rem;font-size:.95rem;transition:all .3s ease;box-shadow:0 2px 6px #0000000d;margin-bottom:1rem}.container .form-control:focus{border-color:#007bff;box-shadow:0 2px 12px #007bff26;outline:none}.container .delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.container .delete-modal-overlay .delete-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.container .delete-modal-overlay .delete-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;border-bottom:1px solid #dee2e6}.container .delete-modal-overlay .delete-modal .modal-header h5{margin:0;font-size:1.25rem;font-weight:600;color:#dc3545}.container .delete-modal-overlay .delete-modal .modal-header .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.container .delete-modal-overlay .delete-modal .modal-header .btn-close:hover{background-color:#f8f9fa}.container .delete-modal-overlay .delete-modal .modal-body{padding:20px}.container .delete-modal-overlay .delete-modal .modal-body .alert{border-radius:12px;margin-bottom:20px;border:none;box-shadow:0 4px 16px #0000001a}.container .delete-modal-overlay .delete-modal .modal-body .alert.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left:4px solid #ffc107}.container .delete-modal-overlay .delete-modal .modal-body p{font-size:1rem;line-height:1.5;margin-bottom:20px;color:#495057}.container .delete-modal-overlay .delete-modal .modal-body .item-preview{background-color:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #ffc107;margin-top:15px}.container .delete-modal-overlay .delete-modal .modal-body .item-preview .item-details-preview{margin-top:10px}.container .delete-modal-overlay .delete-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px;border-top:1px solid #dee2e6}.container .delete-modal-overlay .delete-modal .modal-footer .btn{padding:8px 16px;font-size:.9rem;border-radius:8px;transition:all .3s ease;font-weight:600}.container .delete-modal-overlay .delete-modal .modal-footer .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.container .delete-modal-overlay .delete-modal .modal-footer .btn.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff;border:none}.container .delete-modal-overlay .delete-modal .modal-footer .btn.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4449);box-shadow:0 4px 12px #6c757d4d}.container .delete-modal-overlay .delete-modal .modal-footer .btn.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none}.container .delete-modal-overlay .delete-modal .modal-footer .btn.btn-danger:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d}@media (max-width: 768px){.container .container{padding:.25rem .125rem}.container .title{padding:.75rem .5rem;margin-bottom:.75rem}.container .title h3{font-size:1.4rem;margin-bottom:.25rem}.container .title small{font-size:.85rem}.container .category-container{padding:.5rem;margin-bottom:.5rem}.container .category-container strong{font-size:1rem;margin-bottom:.5rem;padding-bottom:.25rem}.container .select-item{padding:.5rem;margin-bottom:.5rem}.container .select-item .item-name{font-size:.95rem;padding:.375rem .5rem;margin-bottom:.5rem}.container .select-item .item-details{margin-bottom:.5rem}.container .select-item .item-details div{padding:.125rem 0;font-size:.8rem;line-height:1.2}.container .select-item .item-actions{padding:.5rem;margin-top:.5rem}.container .select-item .item-actions form .form-field{margin-bottom:.75rem}.container .select-item .item-actions form .form-field label{font-size:.85rem;margin-bottom:.125rem}.container .select-item .item-actions form .form-field label .history-hint{font-size:.75rem;margin-top:.125rem}.container .select-item .item-actions form .form-field input{padding:.375rem}.container .select-item .item-actions form .history-summary{padding:.5rem;margin:.5rem 0}.container .select-item .item-actions form .history-summary .history-title{font-size:.8rem;margin-bottom:.5rem}.container .select-item .item-actions form .history-summary .history-items{gap:.375rem}.container .select-item .item-actions form .history-summary .history-items .history-item{display:grid;grid-template-columns:100px 1fr 70px;gap:.5rem;padding:.5rem;font-size:.75rem}.container .select-item .item-actions form .history-summary .history-items .history-item .history-date{font-size:.7rem;font-weight:600;color:#495057}.container .select-item .item-actions form .history-summary .history-items .history-item .history-price{font-size:.7rem;font-weight:700;color:#28a745}.container .select-item .item-actions form .history-summary .history-items .history-item .history-quantity{font-size:.7rem;font-weight:600;color:#007bff}.container .select-item .item-actions form .form-field-btn{flex-direction:row;gap:1rem;flex-wrap:wrap;justify-content:center;margin-top:1.5rem}.container .select-item .item-actions form .form-field-btn button{width:auto;min-width:3rem;height:3rem;padding:.75rem 1.5rem}.container .select-item .item-actions form .form-field-btn button i{font-size:1.2rem}}.container .form-control{padding:.5rem 1rem;font-size:.9rem;margin-bottom:.75rem}@media (max-width: 480px){.container{padding:.1rem .05rem}.title{padding:.25rem .2rem;margin-bottom:.25rem}.title h3{font-size:1.5rem}.title small{font-size:.85rem}.category-container{padding:.2rem;margin-bottom:.2rem}.category-container strong{font-size:1.1rem;margin-bottom:.5rem;padding-bottom:.25rem}.select-item{padding:.2rem;margin-bottom:.2rem}.select-item .item-name{padding:.25rem .4rem;font-size:.85rem;line-height:1.1}.select-item .item-details{margin-top:.25rem}.select-item .item-details div{font-size:.7rem;line-height:1.1;padding:.05rem 0}.form-control{padding:.25rem .6rem;font-size:.8rem;margin-bottom:.4rem}}.history-items{display:flex;flex-direction:column;gap:.5rem}.history-item{display:grid;grid-template-columns:120px 1fr 80px;gap:.75rem;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e9ecef;font-size:.85rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.history-item:hover{background:#f8f9fa;transform:translate(2px);box-shadow:0 2px 6px #00000026}.history-item .history-date{font-weight:600;color:#495057;font-size:.8rem;line-height:1.2;text-align:left}.history-item .history-price{font-weight:700;color:#28a745;text-align:center;font-size:.8rem;line-height:1.2}.history-item .history-quantity{font-weight:600;color:#007bff;text-align:center;font-size:.8rem;line-height:1.2}.modal .modal-dialog .modal-content{border:none;border-radius:12px;box-shadow:0 10px 30px #0003}.modal .modal-dialog .modal-content .modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0;border-bottom:none;padding:1.5rem}.modal .modal-dialog .modal-content .modal-header .modal-title{font-weight:600;font-size:1.25rem}.modal .modal-dialog .modal-content .modal-header .modal-title i{color:gold}.modal .modal-dialog .modal-content .modal-header .btn-close{filter:invert(1);opacity:.8}.modal .modal-dialog .modal-content .modal-header .btn-close:hover{opacity:1}.modal .modal-dialog .modal-content .modal-body{padding:2rem}.modal .modal-dialog .modal-content .modal-body .form-field .form-label{font-weight:600;color:#495057;margin-bottom:.5rem}.modal .modal-dialog .modal-content .modal-body .form-field .form-label i{color:#667eea}.modal .modal-dialog .modal-content .modal-body .form-field .form-control,.modal .modal-dialog .modal-content .modal-body .form-field .form-select{border:2px solid #e9ecef;border-radius:8px;padding:.75rem;font-size:.95rem;transition:all .3s ease}.modal .modal-dialog .modal-content .modal-body .form-field .form-control:focus,.modal .modal-dialog .modal-content .modal-body .form-field .form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40}.modal .modal-dialog .modal-content .modal-body .form-field .form-control:invalid,.modal .modal-dialog .modal-content .modal-body .form-field .form-select:invalid{border-color:#dc3545}.modal .modal-dialog .modal-content .modal-body .form-field .form-text{font-size:.85rem;color:#6c757d;margin-top:.25rem}.modal .modal-dialog .modal-content .modal-body .form-field .input-group .input-group-text{background-color:#f8f9fa;border:2px solid #e9ecef;border-right:none;color:#495057;font-weight:500}.modal .modal-dialog .modal-content .modal-body .form-field .input-group .form-control,.modal .modal-dialog .modal-content .modal-body .form-field .input-group .form-select{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.modal .modal-dialog .modal-content .modal-body .quick-categories{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;padding:1.5rem;border:1px solid #dee2e6}.modal .modal-dialog .modal-content .modal-body .quick-categories h6{font-weight:600;margin-bottom:1rem;color:#495057}.modal .modal-dialog .modal-content .modal-body .quick-categories h6 i{color:#667eea}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn{border-radius:25px;font-size:.85rem;padding:.6rem 1.2rem;transition:all .3s ease;border:2px solid #dee2e6;position:relative;overflow:hidden}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea33;border-color:#667eea}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 15px #667eea66}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn.active .badge{background-color:#fff3!important;color:#fff}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn .badge{font-size:.7rem;padding:.25rem .5rem;border-radius:12px}.modal .modal-dialog .modal-content .modal-body .quick-categories .category-buttons .btn i{margin-right:.3rem}.modal .modal-dialog .modal-content .modal-body .selected-category-info .alert{border:none;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border-radius:12px}.modal .modal-dialog .modal-content .modal-body .selected-category-info .alert i{font-size:1.2rem;color:#1976d2}.modal .modal-dialog .modal-content .modal-body .selected-category-info .alert strong{color:#0d47a1}.modal .modal-dialog .modal-content .modal-body .quick-suggestions{background-color:#f8f9fa;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef}.modal .modal-dialog .modal-content .modal-body .quick-suggestions h6{font-weight:600;margin-bottom:1rem}.modal .modal-dialog .modal-content .modal-body .quick-suggestions h6 i{color:#ffc107}.modal .modal-dialog .modal-content .modal-body .quick-suggestions .suggestion-tags .btn{border-radius:20px;font-size:.85rem;padding:.5rem 1rem;transition:all .3s ease;border:2px solid #dee2e6}.modal .modal-dialog .modal-content .modal-body .quick-suggestions .suggestion-tags .btn:hover{background-color:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.modal .modal-dialog .modal-content .modal-body .quick-suggestions .suggestion-tags .btn:active{transform:translateY(0)}.modal .modal-dialog .modal-content .modal-body .quick-suggestions .suggestion-tags .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal .modal-dialog .modal-content .modal-body .quick-suggestions .suggestion-tags .btn:disabled:hover{background-color:transparent;border-color:#dee2e6;color:#6c757d;transform:none;box-shadow:none}.modal .modal-dialog .modal-content .modal-body .alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #c3e6cb;color:#155724;border-radius:12px}.modal .modal-dialog .modal-content .modal-body .alert-success i{color:#28a745;font-size:1.2rem}.modal .modal-dialog .modal-content .modal-body .alert-success strong{color:#0f5132}.modal .modal-dialog .modal-content .modal-body .form-control:disabled,.modal .modal-dialog .modal-content .modal-body .form-select:disabled{background-color:#e9ecef;opacity:.6;cursor:not-allowed}.modal .modal-dialog .modal-content .modal-body .btn:disabled{opacity:.6;cursor:not-allowed}.modal .modal-dialog .modal-content .modal-body .btn:disabled:hover{transform:none!important;box-shadow:none!important}.modal .modal-dialog .modal-content .modal-footer{border-top:1px solid #e9ecef;padding:1.5rem 2rem;background-color:#f8f9fa;border-radius:0 0 12px 12px}.modal .modal-dialog .modal-content .modal-footer .btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:500;transition:all .3s ease}.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary{background-color:#6c757d;border-color:#6c757d}.modal .modal-dialog .modal-content .modal-footer .btn.btn-secondary:hover{background-color:#5a6268;border-color:#545b62;transform:translateY(-1px)}.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.modal .modal-dialog .modal-content .modal-footer .btn.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.modal .modal-dialog .modal-content .modal-footer .btn i{margin-right:.5rem}@media (max-width: 768px){.modal .modal-dialog{margin:1rem}.modal .modal-dialog .modal-content .modal-body{padding:1.5rem}.modal .modal-dialog .modal-content .modal-body .row .col-md-6{margin-bottom:1rem}.modal .modal-dialog .modal-content .modal-footer{padding:1rem 1.5rem}.modal .modal-dialog .modal-content .modal-footer .btn{padding:.6rem 1.2rem;font-size:.9rem}}.modal.fade .modal-dialog{transform:scale(.8);transition:transform .3s ease-out}.modal.show .modal-dialog{transform:scale(1)}.form-control:focus,.form-select:focus{outline:none}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}textarea::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.detail-container{margin-bottom:5px}.detail-container h1{margin-bottom:30px;color:#2c3e50;font-weight:600}.success-message{display:flex;align-items:center;gap:10px;background-color:#d4edda;color:#155724;padding:12px 20px;border-radius:6px;margin-bottom:20px;border:1px solid #c3e6cb;font-size:14px;font-weight:500;animation:slideIn .3s ease-out}.success-message i{font-size:16px;color:#28a745}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-container .spinner-border{width:3rem;height:3rem;margin-bottom:20px;color:#667eea}.loading-container p{color:#6c757d;font-size:1.1rem;margin:0}.no-sessions{text-align:center;padding:40px 20px}.no-sessions p{color:#6c757d;font-size:1.1rem;margin:0}.current-session-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;border:1px solid #dee2e6;margin-right:5px;margin-left:5px;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.current-session-actions:hover{box-shadow:0 2px 6px #00000026;border-color:#adb5bd}.current-session-actions label{font-size:16px;color:#495057;margin:0;flex:1;font-weight:500}.current-session-actions .session-info{display:flex;flex-direction:column;gap:8px;flex:1}.current-session-actions .session-info label{font-size:16px;color:#495057;margin:0;font-weight:500}.current-session-actions .session-info .session-stats{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.current-session-actions .session-info .session-stats .stat-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#6c757d;font-weight:500}.current-session-actions .session-info .session-stats .stat-item i{font-size:1rem}.current-session-actions .session-info .session-stats .stat-item.text-success{color:#28a745}.current-session-actions .session-info .session-stats .stat-item.text-primary{color:#007bff}.current-session-actions .session-info .session-stats .stat-item.text-muted{color:#6c757d}.current-session-actions .session-buttons{display:flex;gap:8px;align-items:center}.current-session-actions .session-buttons .btn{padding:8px 12px;border-radius:6px;border:none;font-size:14px;transition:all .2s ease;cursor:pointer;min-width:40px;display:flex;align-items:center;justify-content:center}.current-session-actions .session-buttons .btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.current-session-actions .session-buttons .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.current-session-actions .session-buttons .btn-light{background-color:#e9ecef;color:#495057}.current-session-actions .session-buttons .btn-light:hover{background-color:#dee2e6}.current-session-actions .session-buttons .btn-danger{background-color:#dc3545;color:#fff}.current-session-actions .session-buttons .btn-danger:hover{background-color:#c82333}.current-session-actions .session-buttons .btn-danger:active{background-color:#bd2130;transform:translateY(0)}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.delete-modal-overlay .delete-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.delete-modal-overlay .delete-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0;border-bottom:1px solid #dee2e6}.delete-modal-overlay .delete-modal .modal-header h5{margin:0;font-size:1.25rem;font-weight:600;color:#dc3545}.delete-modal-overlay .delete-modal .modal-header .btn-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.delete-modal-overlay .delete-modal .modal-header .btn-close:hover{background-color:#f8f9fa}.delete-modal-overlay .delete-modal .modal-body{padding:20px}.delete-modal-overlay .delete-modal .modal-body .alert{border-radius:12px;margin-bottom:20px;border:none;box-shadow:0 4px 16px #0000001a}.delete-modal-overlay .delete-modal .modal-body .alert.alert-warning{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border-left:4px solid #ffc107}.delete-modal-overlay .delete-modal .modal-body p{font-size:1rem;line-height:1.5;margin-bottom:20px;color:#495057}.delete-modal-overlay .delete-modal .modal-body .session-preview{background-color:#f8f9fa;border-radius:12px;padding:15px;border-left:4px solid #ffc107;margin-top:15px}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-info{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-info strong{color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-info .session-date{color:#2c3e50;font-size:1.1rem;font-weight:600}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal{margin:15px 0}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:15px}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card i{font-size:1.5rem;flex-shrink:0}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card .stat-content{display:flex;flex-direction:column;gap:2px}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card .stat-content .stat-number{font-size:1.2rem;font-weight:700;color:#2c3e50;line-height:1}.delete-modal-overlay .delete-modal .modal-body .session-preview .session-stats-modal .stats-grid .stat-card .stat-content .stat-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;line-height:1}.delete-modal-overlay .delete-modal .modal-body .session-preview small{color:#6c757d;font-size:.85rem;line-height:1.4}.delete-modal-overlay .delete-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px;border-top:1px solid #dee2e6}.delete-modal-overlay .delete-modal .modal-footer .btn{padding:8px 16px;font-size:.9rem;border-radius:8px;transition:all .3s ease;font-weight:600}.delete-modal-overlay .delete-modal .modal-footer .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.delete-modal-overlay .delete-modal .modal-footer .btn.btn-secondary{background:linear-gradient(135deg,#6c757d,#545b62);color:#fff;border:none}.delete-modal-overlay .delete-modal .modal-footer .btn.btn-secondary:hover{background:linear-gradient(135deg,#545b62,#3d4449);box-shadow:0 4px 12px #6c757d4d}.delete-modal-overlay .delete-modal .modal-footer .btn.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none}.delete-modal-overlay .delete-modal .modal-footer .btn.btn-danger:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d}.container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:#f8f9fa;min-height:100vh}.title{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 32px #667eea4d}.title h3{margin:0 0 .5rem;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.title small{font-size:1.1rem;opacity:.9;font-weight:500}.alert{margin-bottom:1.5rem;border-radius:12px;border:none;box-shadow:0 4px 16px #0000001a}.alert.alert-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border-left:4px solid #28a745}.alert .btn-close{background:none;border:none;font-size:1.2rem;color:#155724;opacity:.7}.alert .btn-close:hover{opacity:1}.form-control{border-radius:25px;border:2px solid #e9ecef;padding:.75rem 1.25rem;font-size:1rem;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.form-control:focus{border-color:#007bff;box-shadow:0 4px 16px #007bff26;outline:none}.action-buttons{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.action-buttons .remove-picked-up{display:flex;align-items:center;gap:.5rem}.action-buttons .remove-picked-up input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#007bff}.action-buttons .remove-picked-up label{font-weight:600;color:#495057;cursor:pointer;-webkit-user-select:none;user-select:none}.action-buttons .btn{border-radius:25px;padding:.75rem 1.5rem;font-weight:600;border:none;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.action-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.action-buttons .btn.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.action-buttons .btn.btn-primary:hover{background:linear-gradient(135deg,#0056b3,#004085)}.action-buttons .btn.btn-sm{padding:.5rem 1rem;font-size:.9rem}.category-container{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.category-container:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.category-container strong{display:block;font-size:1.3rem;color:#495057;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e9ecef;font-weight:700}.pick-up-item{background:#f8f9fa;border-radius:12px;padding:1.25rem;margin-bottom:1rem;border:1px solid #e9ecef;transition:all .3s ease}.pick-up-item:hover{background:#fff;box-shadow:0 4px 16px #0000001a;border-color:#007bff}.pick-up-item:last-child{margin-bottom:0}.pick-up-item .item-name{font-size:1.2rem;font-weight:700;color:#495057;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent;display:flex;align-items:center;justify-content:space-between}.pick-up-item .item-name:hover{background:#e8f5e8;border-color:#28a745;color:#28a745}.pick-up-item .item-name.active{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff;border-color:#28a745;text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#fff}.pick-up-item .item-details{margin-bottom:1rem}.pick-up-item .item-details div{padding:.5rem 0;color:#6c757d;font-size:.9rem;border-bottom:1px solid #f1f3f4}.pick-up-item .item-details div:last-child{border-bottom:none}.pick-up-item .item-actions{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #e9ecef;margin-top:1rem}.pick-up-item .item-actions form .form-field{margin-bottom:1.25rem}.pick-up-item .item-actions form .form-field label{display:block;font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.95rem}.pick-up-item .item-actions form .form-field input{width:100%;padding:.75rem;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;transition:all .3s ease}.pick-up-item .item-actions form .form-field input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.pick-up-item .item-actions form .form-field .form-text{font-size:.8rem;color:#6c757d;margin-top:.25rem}.pick-up-item .item-actions form .form-field-btn{display:flex;gap:.75rem;justify-content:center;align-items:center}.pick-up-item .item-actions form .form-field-btn .btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;transition:all .3s ease;min-width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.pick-up-item .item-actions form .form-field-btn .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pick-up-item .item-actions form .form-field-btn .btn.btn-success{background:linear-gradient(135deg,#28a745,#1e7e34);color:#fff}.pick-up-item .item-actions form .form-field-btn .btn.btn-success:hover{background:linear-gradient(135deg,#1e7e34,#155724);box-shadow:0 4px 12px #28a7454d}.pick-up-item .item-actions form .form-field-btn .btn.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.pick-up-item .item-actions form .form-field-btn .btn.btn-danger:hover{background:linear-gradient(135deg,#c82333,#a71e2a);box-shadow:0 4px 12px #dc35454d}.pick-up-item .item-actions form .form-field-btn .btn.btn-outline-info{background:transparent;color:#17a2b8;border:2px solid #17a2b8}.pick-up-item .item-actions form .form-field-btn .btn.btn-outline-info:hover{background:#17a2b8;color:#fff;box-shadow:0 4px 12px #17a2b84d}.pick-up-item .item-actions form .form-field-btn .btn.btn-warning{background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}.pick-up-item .item-actions form .form-field-btn .btn.btn-warning:hover{background:linear-gradient(135deg,#e0a800,#c69500);box-shadow:0 4px 12px #ffc1074d}.pick-up-item .item-actions form .form-field-btn .btn i{font-size:1.1rem}.quick-add-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.quick-add-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}.quick-add-modal .modal-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:1.5rem;display:flex;align-items:center;justify-content:space-between}.quick-add-modal .modal-header h5{margin:0;font-weight:700;font-size:1.3rem}.quick-add-modal .modal-header small{opacity:.9;font-size:.9rem}.quick-add-modal .modal-header .btn-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;border-radius:50%;transition:all .2s ease}.quick-add-modal .modal-header .btn-close:hover{background:#fff3}.quick-add-modal .modal-body{padding:1.5rem}.quick-add-modal .modal-body .search-results{max-height:400px;overflow-y:auto}.quick-add-modal .modal-body .search-results .search-result-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.75rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.quick-add-modal .modal-body .search-results .search-result-item:hover{background:#fff;border-color:#007bff;box-shadow:0 2px 8px #007bff26}.quick-add-modal .modal-body .search-results .search-result-item .item-info strong{display:block;color:#495057;font-weight:600}.quick-add-modal .modal-body .search-results .search-result-item .item-info small{color:#6c757d;font-size:.85rem}.quick-add-modal .modal-body .search-results .search-result-item .btn{border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.quick-add-modal .modal-body .search-results .no-results{text-align:center;padding:2rem;color:#6c757d}.quick-add-modal .modal-body .search-results .no-results p{margin-bottom:.5rem;font-weight:600}.quick-add-modal .modal-body .search-results .no-results small{font-size:.9rem}.quick-add-modal .modal-footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;text-align:right}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.container{padding:.25rem .125rem}.title{padding:.75rem .5rem;margin-bottom:.75rem}.title h3{font-size:1.4rem;margin-bottom:.25rem}.title small{font-size:.85rem}.action-buttons{flex-direction:column;gap:.5rem;align-items:stretch;margin:.75rem 0;padding:.5rem}.action-buttons .remove-picked-up{justify-content:center}.action-buttons .btn{width:100%;padding:.5rem 1rem}.category-container{padding:.5rem;margin-bottom:.5rem}.category-container strong{font-size:1rem;margin-bottom:.5rem;padding-bottom:.25rem}.pick-up-item{padding:.5rem;margin-bottom:.5rem}.pick-up-item .item-name{font-size:.95rem;padding:.375rem .5rem;margin-bottom:.5rem}.pick-up-item .item-details{margin-bottom:.5rem}.pick-up-item .item-details div{padding:.125rem 0;font-size:.8rem;line-height:1.2}.pick-up-item .item-actions{padding:.5rem;margin-top:.5rem}.pick-up-item .item-actions form .form-field{margin-bottom:.75rem}.pick-up-item .item-actions form .form-field label{font-size:.85rem;margin-bottom:.125rem}.pick-up-item .item-actions form .form-field input{padding:.375rem}.pick-up-item .item-actions form .form-field-btn{flex-direction:row;gap:.5rem;flex-wrap:wrap;justify-content:center}.pick-up-item .item-actions form .form-field-btn .btn{width:auto;min-width:2.5rem;height:2.5rem;padding:.5rem}.pick-up-item .item-actions form .form-field-btn .btn i{font-size:1rem}.quick-add-modal{width:95%;margin:.5rem}.quick-add-modal .modal-header{padding:.5rem}.quick-add-modal .modal-header h5{font-size:.95rem}.quick-add-modal .modal-body{padding:.5rem}}@media (max-width: 480px){.pick-up-item .item-name{padding:.375rem .5rem;font-size:.9rem;line-height:1.2}.pick-up-item .item-details{gap:.0625rem}.pick-up-item .item-details div{font-size:.75rem;line-height:1.1;padding:.0625rem 0}.title h3{line-height:1.2}.title small{line-height:1.1}.action-buttons .btn{padding:.375rem .75rem;font-size:.85rem}.container{padding:.125rem .0625rem}.title{padding:.375rem .25rem;margin-bottom:.375rem}.category-container,.pick-up-item{padding:.25rem;margin-bottom:.25rem}.title+.alert,.alert+.form-control,.form-control+.action-buttons{margin-top:.5rem}.action-buttons{margin:.5rem 0;padding:.25rem}.form-control{padding:.375rem .75rem;font-size:.85rem;margin-bottom:.5rem}.quick-add-modal{width:98%;margin:.125rem}.quick-add-modal .modal-header{padding:.25rem}.quick-add-modal .modal-header h5{font-size:.8rem}.quick-add-modal .modal-body{padding:.25rem}}@media (max-width: 768px){.form-control{margin-bottom:.75rem}.pick-up-item .item-name{min-height:auto;padding:.5rem}.pick-up-item .item-details{display:grid;grid-template-columns:1fr;gap:.125rem}.pick-up-item .item-details div{padding:.125rem 0;margin-bottom:.125rem}.pick-up-item .item-details div:last-child{margin-bottom:0}.category-container strong{padding:.5rem 0;margin-bottom:.5rem}.form-control{padding:.5rem 1rem;font-size:.9rem}.title+.alert,.alert+.form-control,.form-control+.action-buttons{margin-top:.75rem}}@media (max-width: 480px){.pick-up-item .item-name{padding:.375rem .5rem;font-size:.9rem;line-height:1.2}.pick-up-item .item-details div{font-size:.75rem;line-height:1.1;padding:.0625rem 0}.title h3{line-height:1.2}.title small{line-height:1.1}.action-buttons .btn{padding:.375rem .75rem;font-size:.85rem}}.floating-search-btn{position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;box-shadow:0 4px 20px #007bff66;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;justify-content:center;font-size:1.2rem;animation:floatingButtonEntrance .5s ease-out,floatingButtonPulse 2s ease-in-out infinite .5s;opacity:1;transform:translateY(0) scale(1)}.floating-search-btn.fade-out{opacity:0;transform:translateY(20px) scale(.8);transition:all .3s ease}.floating-search-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px #007bff80;background:linear-gradient(135deg,#0056b3,#004085);animation:none}.floating-search-btn:focus{outline:none;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 25px #007bff80,0 0 0 3px #007bff4d;background:linear-gradient(135deg,#0056b3,#004085);animation:none}.floating-search-btn:active{transform:translateY(0) scale(.95);transition:all .1s ease}.floating-search-btn i{font-size:1.1rem;transition:transform .2s ease}.floating-search-btn:hover i{transform:scale(1.1)}@keyframes floatingButtonEntrance{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatingButtonPulse{0%,to{box-shadow:0 4px 20px #007bff66}50%{box-shadow:0 4px 25px #007bff99}}@media (max-width: 768px){.floating-search-btn{bottom:1.5rem;right:1.5rem;width:3rem;height:3rem;font-size:1rem}.floating-search-btn i{font-size:1rem}}@media (max-width: 480px){.floating-search-btn{bottom:1rem;right:1rem;width:2.75rem;height:2.75rem;font-size:.9rem}.floating-search-btn i{font-size:.9rem}}.smart-insights-toggle{margin:.75rem 0;padding:.5rem;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;background-color:#f8f9fa}.smart-insights-toggle .btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s ease}.smart-insights-toggle .btn:hover{background-color:#17a2b8;border-color:#17a2b8;color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #17a2b84d}.smart-insights-toggle .btn:active{transform:translateY(0)}.smart-insights-toggle .btn i{font-size:1rem}@media (max-width: 768px){.smart-insights-toggle{margin:.5rem 0;padding:.375rem}.smart-insights-toggle .btn{padding:.375rem .75rem;font-size:.85rem}.smart-insights-toggle .btn i{font-size:.9rem}}@media (max-width: 480px){.smart-insights-toggle{margin:.375rem 0;padding:.25rem}.smart-insights-toggle .btn{padding:.25rem .5rem;font-size:.8rem}.smart-insights-toggle .btn i{font-size:.85rem}}.smart-item-insights{margin:1rem 0;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:all .3s ease}.smart-item-insights:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-2px)}.smart-item-insights.loading{background:#fff;border:1px solid #dee2e6;padding:2rem;text-align:center}.smart-item-insights.loading .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:1rem;color:#6c757d}.smart-item-insights.loading .loading-spinner i{font-size:2rem;color:#007bff}.smart-item-insights.loading .loading-spinner i.spin{animation:spin 1s linear infinite}.smart-item-insights.loading .loading-spinner span{font-size:1rem;font-weight:500}.smart-item-insights.compact{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6}.smart-item-insights.compact .insights-header{padding:.75rem 1rem;background:linear-gradient(135deg,#6c757d,#495057);color:#fff;cursor:pointer;transition:all .2s ease}.smart-item-insights.compact .insights-header:hover{background:linear-gradient(135deg,#5a6268,#343a40)}.smart-item-insights.compact .insights-header .header-content{display:flex;align-items:center;justify-content:space-between}.smart-item-insights.compact .insights-header .header-content .header-left{display:flex;align-items:center;gap:.5rem}.smart-item-insights.compact .insights-header .header-content .header-left i{font-size:1.1rem;color:#ffd43b}.smart-item-insights.compact .insights-header .header-content .header-left span{font-weight:600;font-size:.9rem}.smart-item-insights.compact .insights-header .header-content .expand-icon{transition:transform .2s ease}.smart-item-insights.compact .insights-header .header-content .expand-icon.expanded{transform:rotate(180deg)}.smart-item-insights.compact .insights-preview{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;align-items:center}.smart-item-insights.compact .insights-preview .insight-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;border-radius:8px;background:#fff;border:1px solid #e9ecef;transition:all .2s ease}.smart-item-insights.compact .insights-preview .insight-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff26}.smart-item-insights.compact .insights-preview .insight-item .insight-icon{font-size:1.2rem;margin-bottom:.25rem}.smart-item-insights.compact .insights-preview .insight-item .insight-icon.trend-up{color:#dc3545}.smart-item-insights.compact .insights-preview .insight-item .insight-icon.trend-down{color:#28a745}.smart-item-insights.compact .insights-preview .insight-item .insight-icon.trend-stable{color:#6c757d}.smart-item-insights.compact .insights-preview .insight-item .insight-icon.purchase-count{color:#17a2b8}.smart-item-insights.compact .insights-preview .insight-item .insight-icon.frequency{color:#ffc107}.smart-item-insights.compact .insights-preview .insight-item .insight-value{font-weight:700;font-size:.9rem;margin-bottom:.25rem}.smart-item-insights.compact .insights-preview .insight-item .insight-value.trend-up{color:#dc3545}.smart-item-insights.compact .insights-preview .insight-item .insight-value.trend-down{color:#28a745}.smart-item-insights.compact .insights-preview .insight-item .insight-value.trend-stable{color:#6c757d}.smart-item-insights.compact .insights-preview .insight-item .insight-value.purchase-count{color:#17a2b8}.smart-item-insights.compact .insights-preview .insight-item .insight-value.frequency{color:#ffc107}.smart-item-insights.compact .insights-preview .insight-item .insight-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.smart-item-insights.expanded{background:#fff;border:1px solid #dee2e6}.smart-item-insights.expanded .insights-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.smart-item-insights.expanded .insights-header .header-content{display:flex;align-items:center;justify-content:space-between}.smart-item-insights.expanded .insights-header .header-content .header-left{display:flex;align-items:center;gap:.75rem}.smart-item-insights.expanded .insights-header .header-content .header-left i{font-size:1.3rem;color:#ffd43b}.smart-item-insights.expanded .insights-header .header-content .header-left span{font-weight:700;font-size:1.1rem}.smart-item-insights.expanded .insights-header .header-content .last-updated{font-size:.8rem;opacity:.9;background:#fff3;padding:.25rem .75rem;border-radius:20px}.smart-item-insights.expanded .insights-content{padding:1.5rem}.smart-item-insights.expanded .insights-content .insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1.5rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section{background:#f8f9fa;border-radius:10px;padding:1.25rem;border-left:4px solid}.smart-item-insights.expanded .insights-content .insights-grid .insight-section.price-analysis{border-left-color:#17a2b8;background:linear-gradient(135deg,#e3f2fd,#f3e5f5)}.smart-item-insights.expanded .insights-content .insights-grid .insight-section.purchase-pattern{border-left-color:#28a745;background:linear-gradient(135deg,#e8f5e8,#f3e5f5)}.smart-item-insights.expanded .insights-content .insights-grid .insight-section.smart-tips{border-left-color:#ffc107;background:linear-gradient(135deg,#fff8e1,#f3e5f5)}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header i{font-size:1.2rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header i.price-analysis{color:#17a2b8}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header i.purchase-pattern{color:#28a745}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header i.smart-tips{color:#ffc107}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-header h4{margin:0;font-size:1rem;font-weight:600;color:#495057}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row:last-child{border-bottom:none}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-label{font-weight:500;color:#6c757d;font-size:.9rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value{font-weight:700;font-size:.9rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.trend-up{color:#dc3545}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.trend-down{color:#28a745}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.trend-stable{color:#6c757d}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.purchase-count{color:#17a2b8}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.frequency{color:#ffc107}.smart-item-insights.expanded .insights-content .insights-grid .insight-section .section-content .insight-row .insight-value.price{color:#6f42c1}.smart-item-insights.expanded .insights-content .recommendations{margin-bottom:1.5rem}.smart-item-insights.expanded .insights-content .recommendations .recommendation{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;margin-bottom:.75rem;border-radius:8px;border-left:4px solid;background:#fff;box-shadow:0 1px 4px #0000000d}.smart-item-insights.expanded .insights-content .recommendations .recommendation.warning{border-left-color:#ffc107;background:linear-gradient(135deg,#fff8e1,#fff3cd)}.smart-item-insights.expanded .insights-content .recommendations .recommendation.success{border-left-color:#28a745;background:linear-gradient(135deg,#d4edda,#c3e6cb)}.smart-item-insights.expanded .insights-content .recommendations .recommendation.info{border-left-color:#17a2b8;background:linear-gradient(135deg,#d1ecf1,#bee5eb)}.smart-item-insights.expanded .insights-content .recommendations .recommendation i{font-size:1.1rem;margin-top:.1rem}.smart-item-insights.expanded .insights-content .recommendations .recommendation i.warning{color:#856404}.smart-item-insights.expanded .insights-content .recommendations .recommendation i.success{color:#155724}.smart-item-insights.expanded .insights-content .recommendations .recommendation i.info{color:#0c5460}.smart-item-insights.expanded .insights-content .recommendations .recommendation span{font-size:.9rem;line-height:1.4}.smart-item-insights.expanded .insights-content .recommendations .recommendation span.warning{color:#856404}.smart-item-insights.expanded .insights-content .recommendations .recommendation span.success{color:#155724}.smart-item-insights.expanded .insights-content .recommendations .recommendation span.info{color:#0c5460}.smart-item-insights.expanded .insights-content .action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.smart-item-insights.expanded .insights-content .action-buttons .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:25px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.smart-item-insights.expanded .insights-content .action-buttons .action-btn.primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.smart-item-insights.expanded .insights-content .action-buttons .action-btn.primary:hover{background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.smart-item-insights.expanded .insights-content .action-buttons .action-btn.secondary{background:#fff;color:#6c757d;border:2px solid #dee2e6}.smart-item-insights.expanded .insights-content .action-buttons .action-btn.secondary:hover{border-color:#007bff;color:#007bff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.smart-item-insights.expanded .insights-content .action-buttons .action-btn i{font-size:1rem}.smart-item-insights.expanded .insights-content .history-section{margin-top:1.5rem;background:#f8f9fa;border-radius:10px;padding:1.25rem;border-left:4px solid #6f42c1;animation:slideDown .3s ease-out}.smart-item-insights.expanded .insights-content .history-section .section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.smart-item-insights.expanded .insights-content .history-section .section-header i{font-size:1.2rem;color:#6f42c1}.smart-item-insights.expanded .insights-content .history-section .section-header h4{margin:0;font-size:1rem;font-weight:600;color:#495057}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#fff;border-radius:8px;border:1px solid #e9ecef;transition:all .2s ease}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item:hover{border-color:#6f42c1;box-shadow:0 2px 8px #6f42c126;transform:translate(2px)}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item:last-child{margin-bottom:0}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-date{font-weight:600;color:#495057;font-size:.85rem;min-width:80px}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details .history-price{font-weight:700;color:#28a745;font-size:.9rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details .history-quantity{font-weight:600;color:#6c757d;font-size:.85rem;background:#e9ecef;padding:.25rem .5rem;border-radius:12px}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details .history-observations{color:#6c757d;font-style:italic;font-size:.8rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.smart-item-insights.expanded .insights-content .history-section .history-list .history-more{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;color:#6c757d;font-size:.85rem;font-style:italic;border-top:1px solid #e9ecef;margin-top:.5rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-more i{font-size:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.smart-item-insights.compact .insights-preview{grid-template-columns:repeat(2,1fr);gap:.75rem}.smart-item-insights.compact .insights-preview .insight-item{padding:.5rem .25rem}.smart-item-insights.compact .insights-preview .insight-item .insight-icon{font-size:1rem}.smart-item-insights.compact .insights-preview .insight-item .insight-value{font-size:.8rem}.smart-item-insights.compact .insights-preview .insight-item .insight-label{font-size:.7rem}.smart-item-insights.expanded .insights-content{padding:1rem}.smart-item-insights.expanded .insights-content .insights-grid{grid-template-columns:1fr;gap:1rem}.smart-item-insights.expanded .insights-content .action-buttons{flex-direction:column;align-items:center}.smart-item-insights.expanded .insights-content .action-buttons .action-btn{width:100%;max-width:300px;justify-content:center}.smart-item-insights.expanded .insights-content .history-section{margin-top:1rem;padding:1rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item{flex-direction:column;align-items:flex-start;gap:.5rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-date{min-width:auto;font-size:.8rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details{width:100%;justify-content:space-between}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details .history-observations{max-width:150px}}@media (max-width: 480px){.smart-item-insights.compact .insights-preview{grid-template-columns:1fr}.smart-item-insights.expanded .insights-content{padding:.75rem}.smart-item-insights.expanded .insights-content .insights-grid{gap:.75rem}.smart-item-insights.expanded .insights-content .insights-grid .insight-section{padding:1rem}.smart-item-insights.expanded .insights-content .history-section{padding:.75rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item{padding:.5rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details{gap:.5rem}.smart-item-insights.expanded .insights-content .history-section .history-list .history-item .history-details .history-observations{max-width:120px;font-size:.75rem}}.generate-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #00000014;margin:20px;text-align:center}.generate-container p{font-size:1.2rem;color:#555;margin-bottom:20px;font-weight:500}.generate-container .session-options{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px}.generate-container .prediction-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:15px;background:#f8f9fa;border-radius:10px;border:1px solid #e9ecef;width:100%}.generate-container .checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500;color:#495057;position:relative;padding-left:35px}.generate-container .checkbox-label input[type=checkbox]{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.generate-container .checkbox-label .checkmark{position:absolute;left:0;height:20px;width:20px;background-color:#fff;border:2px solid #667eea;border-radius:4px;transition:all .3s ease}.generate-container .checkbox-label .checkmark:after{content:"";position:absolute;display:none;left:6px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.generate-container .checkbox-label:hover input~.checkmark{background-color:#f0f2ff}.generate-container .checkbox-label input:checked~.checkmark{background-color:#667eea;border-color:#667eea}.generate-container .checkbox-label input:checked~.checkmark:after{display:block}.generate-container .checkbox-label .label-text{display:flex;align-items:center;gap:8px;font-size:1rem}.generate-container .checkbox-label .label-text i{color:#667eea;font-size:1.1em}.generate-container .prediction-help{color:#6c757d;font-size:.85rem;text-align:center;line-height:1.4;margin:0}.generate-container .prediction-preview{margin-top:15px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e9ecef;width:100%}.generate-container .preview-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c757d;font-size:.9rem}.generate-container .preview-loading .spinner-border{width:.875rem;height:.875rem}.generate-container .preview-content .preview-summary{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;color:#495057}.generate-container .preview-content .preview-summary i{font-size:1.1em}.generate-container .preview-content .preview-summary strong{color:#2c3e50}.generate-container .preview-content .filtering-info{margin-bottom:15px;padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.generate-container .preview-content .filtering-info .filtering-subtitle{display:flex;align-items:center;gap:6px;color:#6c757d;font-size:.8rem;margin-bottom:10px;font-weight:500}.generate-container .preview-content .filtering-info .filtering-subtitle i{color:#6c757d}.generate-container .preview-content .filtering-info .filtering-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:.8rem}.generate-container .preview-content .filtering-info .filtering-stats .filter-stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.generate-container .preview-content .filtering-info .filtering-stats .filter-stat .stat-label{color:#6c757d;font-weight:500}.generate-container .preview-content .filtering-info .filtering-stats .filter-stat .stat-value{color:#495057;font-weight:600}.generate-container .preview-content .filtering-info .filtering-stats .filter-stat .stat-value.highlight{color:#28a745;font-weight:700}.generate-container .preview-content .preview-items .preview-subtitle{display:block;color:#6c757d;font-size:.8rem;margin-bottom:8px;font-weight:500}.generate-container .preview-content .preview-items .preview-item-list{display:flex;flex-wrap:wrap;gap:6px;max-height:80px;overflow-y:auto}.generate-container .preview-content .preview-items .preview-item{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:12px;font-size:.75rem;border:1px solid #bbdefb;white-space:nowrap}.generate-container .preview-content .preview-items .preview-more{background:#f3e5f5;color:#7b1fa2;padding:4px 8px;border-radius:12px;font-size:.75rem;border:1px solid #e1bee7;font-style:italic}.generate-container .preview-content .no-predictions{text-align:center;padding:15px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.generate-container .preview-content .no-predictions i{font-size:1.5em;margin-bottom:8px;display:block}.generate-container .preview-content .no-predictions small{display:block;color:#6c757d;font-size:.85rem;margin-bottom:10px;font-weight:500}.generate-container .preview-content .no-predictions .no-predictions-reasons{list-style:none;padding:0;margin:0;text-align:left;font-size:.8rem;color:#6c757d}.generate-container .preview-content .no-predictions .no-predictions-reasons li{position:relative;padding:3px 0 3px 15px}.generate-container .preview-content .no-predictions .no-predictions-reasons li:before{content:"•";color:#6c757d;position:absolute;left:0}.generate-container .preview-error{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c757d;font-size:.85rem}.generate-container .preview-error i{font-size:1em}.generate-container button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:15px 30px;border-radius:25px;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;min-width:200px}.generate-container button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.generate-container button:disabled{opacity:.7;cursor:not-allowed;transform:none}.generate-container button i{font-size:1.5em;margin-right:8px}.generate-container button .spinner-border{width:1rem;height:1rem}.load-current-session{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px;background:#fff;padding:40px;border-radius:15px;box-shadow:0 4px 20px #00000014;text-align:center}.load-current-session p{font-size:1.1rem;color:#555;margin:5px 0;font-weight:500}.load-current-session .current-session-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:25px;background:#f8f9fa;padding:20px;border-radius:10px;border:1px solid #e9ecef}.load-current-session .current-session-actions label{width:250px;font-weight:500;color:#495057;margin:0}.load-current-session .current-session-actions button{background:linear-gradient(135deg,#28a745,#20c997);border:none;color:#fff;padding:12px 25px;border-radius:20px;font-size:1rem;transition:all .3s ease;box-shadow:0 3px 12px #28a7454d}.load-current-session .current-session-actions button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #28a74566}.load-current-session .current-session-actions button i{font-size:1.2em}.load-current-session .current-session-actions:last-child button{background:linear-gradient(135deg,#dc3545,#e74c3c);box-shadow:0 3px 12px #dc35454d}.load-current-session .current-session-actions:last-child button:hover{box-shadow:0 5px 15px #dc354566}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;margin-bottom:30px;border-radius:0 0 20px 20px;box-shadow:0 4px 20px #0000001a}.quick-start-guide{background:linear-gradient(135deg,#f093fb,#f5576c);margin:20px;border-radius:15px;padding:30px;box-shadow:0 4px 20px #0000001a}.guide-content{text-align:center;color:#fff}.guide-title{font-size:1.8rem;font-weight:700;margin-bottom:25px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.steps-container{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:0 auto}.step-item{display:flex;align-items:center;background:#fffffff2;padding:20px;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.step-item:hover{transform:translate(5px);box-shadow:0 6px 20px #00000026}.step-number{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;margin-right:20px;flex-shrink:0}.step-content{text-align:left;color:#333}.step-content h5{font-size:1.1rem;font-weight:600;margin:0 0 5px;color:#2c3e50}.step-content p{font-size:.9rem;margin:0;color:#666;line-height:1.4}@media (max-width: 768px){.welcome-title{font-size:2rem}.instructions-container{grid-template-columns:1fr;gap:20px}.instruction-card{padding:20px}.generate-container{padding:25px 20px;margin:15px}.generate-container .session-options{max-width:100%;gap:15px}.generate-container .prediction-option{padding:12px}.generate-container .checkbox-label .label-text{font-size:.95rem}.generate-container .prediction-help{font-size:.8rem}.generate-container .prediction-preview{padding:12px;margin-top:12px}.generate-container .prediction-preview .preview-content .preview-summary{font-size:.85rem}.generate-container .prediction-preview .preview-content .filtering-info{padding:10px}.generate-container .prediction-preview .preview-content .filtering-info .filtering-stats{grid-template-columns:1fr;gap:6px;font-size:.75rem}.generate-container .prediction-preview .preview-content .preview-items .preview-item-list{max-height:60px}.generate-container .prediction-preview .preview-content .preview-items .preview-item,.generate-container .prediction-preview .preview-content .preview-items .preview-more{font-size:.7rem;padding:3px 6px}.generate-container .prediction-preview .preview-content .no-predictions{padding:12px}.generate-container .prediction-preview .preview-content .no-predictions small{font-size:.8rem}.generate-container .prediction-preview .preview-content .no-predictions .no-predictions-reasons{font-size:.75rem}.generate-container .prediction-preview .preview-content .no-predictions .no-predictions-reasons li{padding:2px 0 2px 12px}.generate-container .prediction-preview .preview-loading{font-size:.85rem}.generate-container .prediction-preview .preview-error{font-size:.8rem}.generate-container button{min-width:180px;padding:12px 25px;font-size:1rem}}@media (max-width: 768px){.quick-start-guide{margin:15px;padding:20px}.guide-title{font-size:1.5rem}.step-item{padding:15px}.step-number{width:35px;height:35px;font-size:1rem;margin-right:15px}}.item-history-page{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:#f8f9fa;min-height:100vh}.item-history-page h1{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 32px #667eea4d;font-size:2.2rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.loading-container .spinner-border{margin-bottom:1rem}.loading-container p{color:#6c757d;margin:0}.shopping-analytics-dashboard{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 16px #0000001a}.shopping-analytics-dashboard h3{margin-bottom:1.5rem;color:#fff;font-size:1.5rem;font-weight:600;text-align:center}.shopping-analytics-dashboard .analytics-stats .analytics-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-label{font-size:.875rem;color:#fffc;margin-bottom:.5rem;font-weight:500}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-value{font-size:1.5rem;font-weight:700;color:#fff}.item-history-container{margin-top:2rem}.item-history-card{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 12px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.item-history-card:hover{box-shadow:0 4px 20px #0000001f;transform:translateY(-1px)}.item-history-card .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.item-history-card .item-header h3{margin:0;font-size:1.4rem;font-weight:700;color:#495057}.item-history-card .item-header .category-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:.375rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.25px}.item-history-card .item-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.item-history-card .item-stats .stat{background:#f8f9fa;padding:1rem;border-radius:8px;border:1px solid #e9ecef;text-align:center}.item-history-card .item-stats .stat .stat-label{display:block;font-size:.75rem;color:#6c757d;margin-bottom:.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.25px;line-height:1.2}.item-history-card .item-stats .stat .stat-value{display:block;font-size:1.1rem;font-weight:700;color:#495057;line-height:1.2}.item-history-card .item-stats .stat .stat-value.stability-high{color:#28a745}.item-history-card .item-stats .stat .stat-value.stability-medium{color:#ffc107}.item-history-card .item-stats .stat .stat-value.stability-low{color:#dc3545}.item-history-card .purchase-pattern,.item-history-card .purchase-pattern-analysis,.item-history-card .price-variance-analysis{background:#f8f9fa;border-radius:8px;padding:1rem;margin-bottom:1rem;border:1px solid #e9ecef}.item-history-card .purchase-pattern h4,.item-history-card .purchase-pattern-analysis h4,.item-history-card .price-variance-analysis h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.item-history-card .purchase-pattern h4:before,.item-history-card .purchase-pattern-analysis h4:before,.item-history-card .price-variance-analysis h4:before{content:"";width:3px;height:1.2rem;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:2px}.item-history-card .purchase-pattern .pattern-details,.item-history-card .purchase-pattern .variance-details,.item-history-card .purchase-pattern .pattern-stats,.item-history-card .purchase-pattern-analysis .pattern-details,.item-history-card .purchase-pattern-analysis .variance-details,.item-history-card .purchase-pattern-analysis .pattern-stats,.item-history-card .price-variance-analysis .pattern-details,.item-history-card .price-variance-analysis .variance-details,.item-history-card .price-variance-analysis .pattern-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-bottom:.75rem}.item-history-card .purchase-pattern .pattern-details .pattern-stat,.item-history-card .purchase-pattern .pattern-details .variance-stat,.item-history-card .purchase-pattern .variance-details .pattern-stat,.item-history-card .purchase-pattern .variance-details .variance-stat,.item-history-card .purchase-pattern .pattern-stats .pattern-stat,.item-history-card .purchase-pattern .pattern-stats .variance-stat,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat,.item-history-card .price-variance-analysis .pattern-details .pattern-stat,.item-history-card .price-variance-analysis .pattern-details .variance-stat,.item-history-card .price-variance-analysis .variance-details .pattern-stat,.item-history-card .price-variance-analysis .variance-details .variance-stat,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat,.item-history-card .price-variance-analysis .pattern-stats .variance-stat{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e9ecef}.item-history-card .purchase-pattern .pattern-details .pattern-stat .pattern-label,.item-history-card .purchase-pattern .pattern-details .pattern-stat .variance-label,.item-history-card .purchase-pattern .pattern-details .variance-stat .pattern-label,.item-history-card .purchase-pattern .pattern-details .variance-stat .variance-label,.item-history-card .purchase-pattern .variance-details .pattern-stat .pattern-label,.item-history-card .purchase-pattern .variance-details .pattern-stat .variance-label,.item-history-card .purchase-pattern .variance-details .variance-stat .pattern-label,.item-history-card .purchase-pattern .variance-details .variance-stat .variance-label,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .pattern-label,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .variance-label,.item-history-card .purchase-pattern .pattern-stats .variance-stat .pattern-label,.item-history-card .purchase-pattern .pattern-stats .variance-stat .variance-label,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .pattern-label,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .variance-label,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .pattern-label,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .variance-label,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .pattern-label,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .variance-label,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .pattern-label,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .variance-label,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-label,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .variance-label,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .pattern-label,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .variance-label,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .pattern-label,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .variance-label,.item-history-card .price-variance-analysis .pattern-details .variance-stat .pattern-label,.item-history-card .price-variance-analysis .pattern-details .variance-stat .variance-label,.item-history-card .price-variance-analysis .variance-details .pattern-stat .pattern-label,.item-history-card .price-variance-analysis .variance-details .pattern-stat .variance-label,.item-history-card .price-variance-analysis .variance-details .variance-stat .pattern-label,.item-history-card .price-variance-analysis .variance-details .variance-stat .variance-label,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .pattern-label,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .variance-label,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .pattern-label,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .variance-label{display:block;font-size:.7rem;color:#6c757d;margin-bottom:.25rem;font-weight:600;line-height:1.2}.item-history-card .purchase-pattern .pattern-details .pattern-stat .pattern-value,.item-history-card .purchase-pattern .pattern-details .pattern-stat .variance-value,.item-history-card .purchase-pattern .pattern-details .variance-stat .pattern-value,.item-history-card .purchase-pattern .pattern-details .variance-stat .variance-value,.item-history-card .purchase-pattern .variance-details .pattern-stat .pattern-value,.item-history-card .purchase-pattern .variance-details .pattern-stat .variance-value,.item-history-card .purchase-pattern .variance-details .variance-stat .pattern-value,.item-history-card .purchase-pattern .variance-details .variance-stat .variance-value,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .pattern-value,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .variance-value,.item-history-card .purchase-pattern .pattern-stats .variance-stat .pattern-value,.item-history-card .purchase-pattern .pattern-stats .variance-stat .variance-value,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .pattern-value,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .variance-value,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .pattern-value,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .variance-value,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .pattern-value,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .variance-value,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .pattern-value,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .variance-value,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-value,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .variance-value,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .pattern-value,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .variance-value,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .pattern-value,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .variance-value,.item-history-card .price-variance-analysis .pattern-details .variance-stat .pattern-value,.item-history-card .price-variance-analysis .pattern-details .variance-stat .variance-value,.item-history-card .price-variance-analysis .variance-details .pattern-stat .pattern-value,.item-history-card .price-variance-analysis .variance-details .pattern-stat .variance-value,.item-history-card .price-variance-analysis .variance-details .variance-stat .pattern-value,.item-history-card .price-variance-analysis .variance-details .variance-stat .variance-value,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .pattern-value,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .variance-value,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .pattern-value,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .variance-value{display:block;font-size:.95rem;font-weight:700;color:#495057;line-height:1.2}.item-history-card .purchase-pattern .pattern-details .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .pattern-details .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern .pattern-details .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .pattern-details .variance-stat .variance-value.trend-up,.item-history-card .purchase-pattern .variance-details .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .variance-details .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern .variance-details .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .variance-details .variance-stat .variance-value.trend-up,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern .pattern-stats .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern .pattern-stats .variance-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .variance-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .pattern-value.trend-up,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .pattern-details .variance-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .pattern-details .variance-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .variance-details .pattern-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .variance-details .pattern-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .variance-details .variance-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .variance-details .variance-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .variance-value.trend-up,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .pattern-value.trend-up,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .variance-value.trend-up{color:#dc3545}.item-history-card .purchase-pattern .pattern-details .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .pattern-details .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern .pattern-details .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .pattern-details .variance-stat .variance-value.trend-down,.item-history-card .purchase-pattern .variance-details .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .variance-details .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern .variance-details .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .variance-details .variance-stat .variance-value.trend-down,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern .pattern-stats .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern .pattern-stats .variance-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .variance-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .pattern-value.trend-down,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .pattern-details .variance-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .pattern-details .variance-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .variance-details .pattern-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .variance-details .pattern-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .variance-details .variance-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .variance-details .variance-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .variance-value.trend-down,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .pattern-value.trend-down,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .variance-value.trend-down{color:#28a745}.item-history-card .purchase-pattern .pattern-details .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .pattern-details .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern .pattern-details .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .pattern-details .variance-stat .variance-value.trend-stable,.item-history-card .purchase-pattern .variance-details .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .variance-details .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern .variance-details .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .variance-details .variance-stat .variance-value.trend-stable,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .pattern-stats .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern .pattern-stats .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern .pattern-stats .variance-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-details .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-details .variance-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .variance-details .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .variance-details .variance-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .variance-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .pattern-value.trend-stable,.item-history-card .purchase-pattern-analysis .pattern-stats .variance-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .pattern-details .pattern-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .pattern-details .variance-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .pattern-details .variance-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .variance-details .pattern-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .variance-details .pattern-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .variance-details .variance-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .variance-details .variance-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .pattern-stats .pattern-stat .variance-value.trend-stable,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .pattern-value.trend-stable,.item-history-card .price-variance-analysis .pattern-stats .variance-stat .variance-value.trend-stable{color:#6c757d}.item-history-card .purchase-pattern .smart-note,.item-history-card .purchase-pattern .variance-note,.item-history-card .purchase-pattern-analysis .smart-note,.item-history-card .purchase-pattern-analysis .variance-note,.item-history-card .price-variance-analysis .smart-note,.item-history-card .price-variance-analysis .variance-note{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffc107;border-radius:6px;padding:.75rem}.item-history-card .purchase-pattern .smart-note .note-content,.item-history-card .purchase-pattern .variance-note .note-content,.item-history-card .purchase-pattern-analysis .smart-note .note-content,.item-history-card .purchase-pattern-analysis .variance-note .note-content,.item-history-card .price-variance-analysis .smart-note .note-content,.item-history-card .price-variance-analysis .variance-note .note-content{display:flex;align-items:center;gap:.5rem;color:#856404;font-weight:600;font-size:.85rem}.item-history-card .purchase-pattern .smart-note .note-content i,.item-history-card .purchase-pattern .variance-note .note-content i,.item-history-card .purchase-pattern-analysis .smart-note .note-content i,.item-history-card .purchase-pattern-analysis .variance-note .note-content i,.item-history-card .price-variance-analysis .smart-note .note-content i,.item-history-card .price-variance-analysis .variance-note .note-content i{font-size:1rem;color:#ffc107}.item-history-card .purchase-history h4{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.item-history-card .purchase-history h4:before{content:"";width:3px;height:1.2rem;background:linear-gradient(135deg,#28a745,#20c997);border-radius:2px}.item-history-card .purchase-history .history-list{background:#f8f9fa;border-radius:8px;padding:.75rem;border:1px solid #e9ecef}.item-history-card .purchase-history .history-list .history-header{display:grid;grid-template-columns:120px 1fr 80px auto;gap:.75rem;padding:.5rem;margin-bottom:.5rem;background:#fff;border-radius:6px;border:1px solid #e9ecef;font-weight:600;color:#495057;font-size:.75rem;text-transform:uppercase;letter-spacing:.25px}.item-history-card .purchase-history .history-list .history-header .header-date{text-align:left}.item-history-card .purchase-history .history-list .history-header .header-price,.item-history-card .purchase-history .history-list .history-header .header-quantity{text-align:center}.item-history-card .purchase-history .history-list .history-header .header-observations{text-align:left}.item-history-card .purchase-history .history-list .history-item{display:grid;grid-template-columns:120px 1fr 80px auto;gap:.75rem;align-items:center;padding:.5rem;border-bottom:1px solid #e9ecef;background:#fff;border-radius:6px;margin-bottom:.25rem;transition:all .2s ease}.item-history-card .purchase-history .history-list .history-item:hover{background:#f8f9fa;transform:translate(2px)}.item-history-card .purchase-history .history-list .history-item:last-child{border-bottom:none;margin-bottom:0}.item-history-card .purchase-history .history-list .history-item .history-date{font-weight:600;color:#495057;font-size:.8rem;line-height:1.2}.item-history-card .purchase-history .history-list .history-item .history-price{font-weight:700;color:#28a745;text-align:center;font-size:.8rem;line-height:1.2}.item-history-card .purchase-history .history-list .history-item .history-quantity{font-weight:600;color:#6c757d;text-align:center;font-size:.8rem;line-height:1.2}.item-history-card .purchase-history .history-list .history-item .history-observations{color:#6c757d;font-style:italic;font-size:.75rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-info{text-align:center;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.pagination-info p{margin:0;color:#6c757d;font-weight:600;font-size:.9rem}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem;flex-wrap:wrap}.pagination-controls .btn{border-radius:8px;padding:.5rem 1rem;font-weight:600;border:2px solid;transition:all .3s ease}.pagination-controls .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pagination-controls .btn.btn-primary{background:#007bff;border-color:#007bff;color:#fff}.pagination-controls .btn.btn-primary:hover{background:#0056b3;border-color:#0056b3}.pagination-controls .btn.btn-outline-primary{background:transparent;border-color:#007bff;color:#007bff}.pagination-controls .btn.btn-outline-primary:hover{background:#007bff;color:#fff}.pagination-controls .page-numbers{display:flex;align-items:center;gap:.25rem}.pagination-controls .page-numbers .ellipsis{padding:0 .5rem;color:#6c757d;font-weight:600}.no-items{text-align:center;padding:3rem;background:#fff;border-radius:16px;border:1px solid #e9ecef}.no-items p{margin:0;color:#6c757d;font-size:1.2rem;font-weight:600}.filters-container{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filters-container .search-filter{flex:1;min-width:250px}.filters-container .search-filter .form-control{border-radius:8px;border:1px solid #dee2e6;padding:.75rem 1rem;font-size:1rem}.filters-container .search-filter .form-control:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.filters-container .category-filter,.filters-container .items-per-page-filter{min-width:200px}.filters-container .category-filter .form-select,.filters-container .items-per-page-filter .form-select{border-radius:8px;border:1px solid #dee2e6;padding:.75rem 1rem;font-size:1rem}.filters-container .category-filter .form-select:focus,.filters-container .items-per-page-filter .form-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.item-history-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;background:#f8f9fa;min-height:100vh}.page-header{text-align:center;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 32px #667eea4d}.page-header h2{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.1)}.page-header p{font-size:1.1rem;opacity:.9;margin:0}.shopping-analytics-dashboard{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 8px 32px #667eea33;transition:all .3s ease}.shopping-analytics-dashboard:hover{transform:translateY(-2px);box-shadow:0 12px 40px #667eea4d}.shopping-analytics-dashboard h3{margin:0 0 1.5rem;font-size:1.8rem;font-weight:700;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.1)}.shopping-analytics-dashboard .analytics-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.shopping-analytics-dashboard .analytics-stats .analytics-stat{text-align:center;padding:1.5rem;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.shopping-analytics-dashboard .analytics-stats .analytics-stat:hover{background:#ffffff40;transform:translateY(-2px)}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-label{display:block;font-size:.9rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-value{display:block;font-size:2.5rem;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.1)}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-value.stability-high{color:#90ee90}.shopping-analytics-dashboard .analytics-stats .analytics-stat .analytics-value.stability-low{color:#ffb6c1}.controls-section{background:#fff;border-radius:16px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.controls-section .controls-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.controls-section .controls-row .control-group{display:flex;align-items:center;gap:.75rem}.controls-section .controls-row .control-group label{font-weight:600;color:#495057;font-size:.95rem}.controls-section .controls-row .control-group select,.controls-section .controls-row .control-group input{padding:.5rem .75rem;border:2px solid #e9ecef;border-radius:8px;font-size:.9rem;transition:all .3s ease}.controls-section .controls-row .control-group select:focus,.controls-section .controls-row .control-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.controls-section .controls-row .search-group{flex:1;min-width:250px}.controls-section .controls-row .search-group input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:25px;font-size:1rem;transition:all .3s ease}.controls-section .controls-row .search-group input:focus{border-color:#007bff;box-shadow:0 4px 16px #007bff26;outline:none}.items-grid{display:grid;gap:1.5rem}.items-grid .item-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef;transition:all .3s ease}.items-grid .item-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.items-grid .item-card .item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.items-grid .item-card .item-header .item-title h3{margin:0 0 .5rem;font-size:1.4rem;font-weight:700;color:#495057}.items-grid .item-card .item-header .item-title .item-category{font-size:.9rem;color:#6c757d;font-weight:500}.items-grid .item-card .item-header .item-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.items-grid .item-card .item-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.items-grid .item-card .item-stats .stat{text-align:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.items-grid .item-card .item-stats .stat .stat-label{display:block;font-size:.8rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.items-grid .item-card .item-stats .stat .stat-value{display:block;font-size:1.2rem;font-weight:700;color:#495057}.items-grid .item-card .item-stats .stat .stat-value.stability-high{color:#28a745}.items-grid .item-card .item-stats .stat .stat-value.stability-medium{color:#ffc107}.items-grid .item-card .item-stats .stat .stat-value.stability-low{color:#dc3545}.items-grid .item-card .price-variance-analysis{margin-top:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:12px;border-left:4px solid #17a2b8}.items-grid .item-card .price-variance-analysis h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.items-grid .item-card .price-variance-analysis h4 i{color:#17a2b8}.items-grid .item-card .price-variance-analysis .variance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat{text-align:center;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat .variance-label{display:block;font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem;font-weight:600}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat .variance-value{display:block;font-size:1rem;font-weight:700}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat .variance-value.increasing{color:#dc3545}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat .variance-value.decreasing{color:#28a745}.items-grid .item-card .price-variance-analysis .variance-stats .variance-stat .variance-value.stable{color:#6c757d}.items-grid .item-card .price-variance-analysis .variance-note .note-content{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid #e9ecef}.items-grid .item-card .price-variance-analysis .variance-note .note-content i{color:#17a2b8;font-size:1.1rem}.items-grid .item-card .price-variance-analysis .variance-note .note-content span{font-size:.9rem;color:#495057;font-weight:500}.items-grid .item-card .purchase-history{margin-top:1.5rem}.items-grid .item-card .purchase-history h4{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#495057;display:flex;align-items:center;gap:.5rem}.items-grid .item-card .purchase-history h4 i{color:#28a745}.items-grid .item-card .purchase-history .history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}.items-grid .item-card .purchase-history .history-table th,.items-grid .item-card .purchase-history .history-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e9ecef}.items-grid .item-card .purchase-history .history-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.items-grid .item-card .purchase-history .history-table td{color:#6c757d;font-size:.9rem}.items-grid .item-card .purchase-history .history-table td.price,.items-grid .item-card .purchase-history .history-table td.quantity{font-weight:600;color:#495057}.items-grid .item-card .purchase-history .history-table tr:last-child td{border-bottom:none}.items-grid .item-card .purchase-history .history-table tr:hover{background:#f8f9fa}.items-grid .item-card .pattern-note{margin-top:1rem}.items-grid .item-card .pattern-note .note-content{display:flex;align-items:center;gap:.5rem;padding:1rem;background:linear-gradient(135deg,#fff8e1,#fff3cd);border-radius:8px;border-left:4px solid #ffc107}.items-grid .item-card .pattern-note .note-content i{color:#856404;font-size:1.1rem}.items-grid .item-card .pattern-note .note-content span{font-size:.9rem;color:#856404;font-weight:500}.pagination-section{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;padding:1.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e9ecef}.pagination-section .pagination-info{font-size:.9rem;color:#6c757d;font-weight:500}.pagination-section .pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-section .pagination-controls button{padding:.5rem 1rem;border:2px solid #e9ecef;background:#fff;color:#495057;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.pagination-section .pagination-controls button:hover:not(:disabled){border-color:#007bff;color:#007bff;transform:translateY(-1px);box-shadow:0 2px 8px #007bff26}.pagination-section .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.pagination-section .pagination-controls button.active{background:#007bff;border-color:#007bff;color:#fff}.loading-state{text-align:center;padding:3rem;color:#6c757d}.loading-state .spinner{display:inline-block;width:3rem;height:3rem;border:3px solid #e9ecef;border-top:3px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-state p{font-size:1.1rem;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.item-history-page{padding:1rem .5rem}.item-history-page h1{padding:1.5rem 1rem;margin-bottom:1.5rem;font-size:1.8rem}.shopping-analytics-dashboard{padding:1rem}.shopping-analytics-dashboard .analytics-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.filters-container{flex-direction:column;gap:1rem}.filters-container .search-filter,.filters-container .category-filter,.filters-container .items-per-page-filter{min-width:auto;width:100%}.item-history-card{padding:1.5rem;margin-bottom:1.5rem}.item-history-card .item-header{flex-direction:column;align-items:flex-start;gap:1rem}.item-history-card .item-header h3{font-size:1.5rem}.item-history-card .item-header .category-badge{font-size:.8rem;padding:.375rem .75rem}.item-history-card .item-stats{grid-template-columns:1fr;gap:1rem}.item-history-card .purchase-pattern,.item-history-card .price-variance-analysis{padding:1rem}.item-history-card .purchase-pattern .pattern-details,.item-history-card .purchase-pattern .variance-details,.item-history-card .price-variance-analysis .pattern-details,.item-history-card .price-variance-analysis .variance-details{grid-template-columns:1fr}.item-history-card .purchase-history .history-list .history-header{grid-template-columns:1fr;gap:.5rem;text-align:center;font-size:.7rem}.item-history-card .purchase-history .history-list .history-item{grid-template-columns:1fr;gap:.5rem;text-align:center;padding:.75rem}.item-history-card .purchase-history .history-list .history-item .history-date,.item-history-card .purchase-history .history-list .history-item .history-price,.item-history-card .purchase-history .history-list .history-item .history-quantity,.item-history-card .purchase-history .history-list .history-item .history-observations{min-width:auto;font-size:.75rem}.item-history-card .show-more-container{display:flex;justify-content:center;padding:.75rem 0;margin-top:.5rem}.item-history-card .show-more-container .show-more-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;border-radius:6px;transition:all .2s ease}.item-history-card .show-more-container .show-more-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #007bff33}.item-history-card .show-more-container .show-more-btn i{font-size:.8rem}.item-history-card .purchase-pattern-analysis .pattern-stats{grid-template-columns:1fr;gap:.5rem}.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat{padding:.5rem;text-align:center}.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-label,.item-history-card .purchase-pattern-analysis .pattern-stats .pattern-stat .pattern-value{font-size:.8rem}.item-history-card .show-more-container .show-more-btn{padding:.4rem .8rem;font-size:.8rem}.item-history-card .show-more-container .show-more-btn i{font-size:.75rem}.pagination-controls{flex-direction:column;gap:1rem}.pagination-controls .page-numbers{order:-1}}@media (max-width: 480px){.page-header{padding:1rem}.page-header h2{font-size:1.8rem}.shopping-analytics-dashboard{padding:1rem}.shopping-analytics-dashboard .analytics-stats,.item-card .item-stats,.item-card .price-variance-analysis .variance-stats{grid-template-columns:1fr}}.login-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;display:flex;flex-direction:column}.login-header{text-align:center;padding:40px 20px}.login-header .app-title{font-size:3rem;font-weight:800;color:#2c3e50;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.login-header .app-title i{color:#667eea}.login-header .app-subtitle{font-size:1.3rem;color:#7f8c8d;font-weight:500;margin:0}.welcome-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px 20px;margin:0 20px 30px;border-radius:20px;box-shadow:0 8px 30px #00000026}.welcome-content{max-width:1200px;margin:0 auto;text-align:center}.welcome-title{font-size:2.5rem;font-weight:700;margin-bottom:30px;text-shadow:0 2px 4px rgba(0,0,0,.2)}.instructions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin-top:30px}.instruction-card{background:#fffffff2;color:#333;padding:25px;border-radius:15px;box-shadow:0 8px 25px #00000026;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.instruction-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #0003}.instruction-icon{margin-bottom:15px}.instruction-icon i{font-size:2.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.instruction-text h4{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#2c3e50}.instruction-text p{font-size:.95rem;line-height:1.6;color:#555;margin:0}.login-form-section{display:flex;justify-content:center;align-items:center;padding:40px 20px}.login-form-container{background:#fff;padding:50px;border-radius:20px;box-shadow:0 15px 35px #0000001a;text-align:center;max-width:500px;width:100%}.login-form-container .login-title{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:10px}.login-form-container .login-subtitle{font-size:1.1rem;color:#7f8c8d;margin-bottom:30px}.footer{margin-top:auto;padding:15px 20px;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;text-align:center;box-shadow:0 -2px 10px #0000001a;border-top:1px solid rgba(255,255,255,.1)}.footer-content{max-width:1200px;margin:0 auto}.footer-text{font-size:.85rem;margin:0;color:#ecf0f1;font-weight:400}.footer-text i{margin:0 3px;animation:heartbeat 1.5s ease-in-out infinite;font-size:.8rem}.footer-link{color:#3498db;text-decoration:none;font-weight:600;margin-left:3px;transition:all .3s ease}.footer-link:hover{color:#5dade2;text-decoration:underline;transform:translateY(-1px)}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}@media (max-width: 768px){.login-header .app-title{font-size:2.5rem}.welcome-title{font-size:2rem}.instructions-container{grid-template-columns:1fr;gap:20px}.instruction-card{padding:20px}.login-form-container{padding:30px 20px;margin:0 10px}.footer{padding:12px 15px}.footer-text{font-size:.8rem}}