.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .6s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.login-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:8px}.login-header p{color:#7f8c8d;font-size:1rem;margin-bottom:32px}.login-form{text-align:left}.form-group{margin-bottom:24px}.form-group label{color:#2c3e50;display:block;font-size:.9rem;font-weight:600;margin-bottom:8px}.form-group input{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input:disabled{background:#f1f2f6;cursor:not-allowed}.google-login-button{align-items:center;background:#fff;border:2px solid #e1e8ed;border-radius:8px;color:#2c3e50;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;margin-top:8px;padding:14px 24px;transition:all .3s ease;width:100%}.google-login-button:hover:not(:disabled){background:#f8f9fa;border-color:#4285f4;box-shadow:0 8px 25px #4285f433;transform:translateY(-2px)}.google-login-button:disabled{background:#f1f2f6;border-color:#e1e8ed;box-shadow:none;cursor:not-allowed;transform:none}.google-login-button:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334A853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23FBBC05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23EA4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:20px;width:20px}.login-footer{border-top:1px solid #e1e8ed;margin-top:32px;padding-top:24px}.login-footer p{color:#7f8c8d;font-size:.9rem;margin-bottom:16px}.demo-accounts{display:flex;flex-direction:column;gap:8px}.demo-account{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:8px;color:#2c3e50;font-size:.85rem;padding:12px}.demo-account strong{color:#3498db}.error-message{text-align:left}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-header h1{font-size:2rem}.demo-accounts{gap:6px}.demo-account{font-size:.8rem;padding:8px}}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative}.table-locked{opacity:.6;pointer-events:none}.table-locked .cell-content{cursor:not-allowed!important}.table-wrapper{max-height:70vh;overflow-x:auto;overflow-y:auto}.product-table{border-collapse:collapse;font-size:.9rem;min-width:1600px;width:100%}.table-header{background:linear-gradient(135deg,#34495e,#2c3e50);color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-header th{border-right:1px solid #ffffff1a;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.table-header th:last-child{border-right:none}.sortable{cursor:pointer;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.sortable:hover{background:#ffffff1a}.sortable:after{color:#ffffffb3;content:"↕";font-size:.8rem;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.table-body{background:#fff}.table-row{border-bottom:1px solid #ecf0f1;transition:all .2s ease}.table-row:hover{background:#f8f9fa}.table-row:nth-child(2n){background:#fafbfc}.table-row:nth-child(2n):hover{background:#f1f3f4}.table-cell{border-right:1px solid #ecf0f1;padding:12px;position:relative;transition:all .2s ease;vertical-align:middle}.table-cell.editing{background:#f0f8ff;border-left:3px solid #3498db}.table-cell:last-child{border-right:none}.cell-content{border-radius:4px;cursor:pointer;display:block;min-height:20px;padding:4px 8px;transition:all .2s ease}.cell-content:hover{background:#e3f2fd;color:#1976d2}.cell-content:not(:hover){background:#0000}.low-stock{background:#ffebee!important;color:#c62828!important;font-weight:600}.low-stock:hover{background:#ffcdd2!important;color:#b71c1c!important}.edit-input{animation:editPulse .3s ease-in-out;background:#f8f9ff;border:2px solid #3498db;border-radius:4px;box-shadow:0 0 0 2px #3498db33;font-size:.9rem;outline:none;padding:4px 8px;width:100%}.edit-input:focus{background:#fff;border-color:#2980b9;box-shadow:0 0 0 3px #3498db4d}@keyframes editPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.id-cell{color:#7f8c8d;font-weight:600;text-align:center;width:80px}.name-cell{color:#2c3e50;font-weight:600;min-width:300px}.description-cell{color:#7f8c8d;font-style:italic;min-width:350px}.part-number-cell{color:#34495e;font-family:Courier New,monospace;font-weight:600;min-width:150px}.price-cell{color:#27ae60;font-weight:600;min-width:120px;text-align:right}.unit-cell{color:#7f8c8d;font-size:.8rem;text-align:center;text-transform:uppercase;width:100px}.category-cell{color:#2c3e50;min-width:180px}.brand-cell{color:#7f8c8d;font-weight:500;min-width:180px}.stock-cell{font-weight:600;text-align:center;width:100px}.loading-overlay{background:#ffffffe6;z-index:20}.loading-overlay,.updating-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.updating-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;justify-content:center;z-index:30}.error-message{background:#ffebee;border-radius:12px;color:#e74c3c;margin:20px;padding:40px;text-align:center}.editing-indicator{animation:fadeIn .3s ease-in-out;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;color:#1976d2;font-size:14px;font-weight:500;margin-bottom:8px;padding:8px 16px}@media (max-width:1200px){.table-wrapper{max-height:60vh}.product-table{font-size:.85rem}.table-cell,.table-header th{padding:10px 8px}}@media (max-width:768px){.table-wrapper{max-height:50vh}.product-table{font-size:.8rem;min-width:1000px}.table-cell,.table-header th{padding:8px 6px}.name-cell{min-width:150px}.description-cell{min-width:200px}}@media (max-width:480px){.table-wrapper{max-height:40vh}.product-table{font-size:.75rem;min-width:800px}.table-cell,.table-header th{padding:6px 4px}}.action-header{color:#2c3e50;font-weight:600}.action-cell,.action-header{background:#f8f9fa;border-left:1px solid #dee2e6;text-align:center}.action-cell{padding:8px;width:100px}.hide-button{align-items:center;background:none;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;min-width:36px;padding:6px 8px;transition:all .2s ease}.hide-button:hover:not(:disabled){box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.hide-button.visible{border-color:#e74c3c;color:#e74c3c}.hide-button.visible:hover:not(:disabled){background:#e74c3c;color:#fff}.hide-button.hidden{border-color:#27ae60;color:#27ae60}.hide-button.hidden:hover:not(:disabled){background:#27ae60;color:#fff}.hide-button:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{animation:fadeIn .3s ease-out;background:#0009;padding:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:24px 24px 16px}.modal-header h3{color:#2c3e50;font-size:1.4rem;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#95a5a6;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.modal-close:hover{background:#f8f9fa;color:#7f8c8d}.modal-close:focus{outline:2px solid #3498db;outline-offset:2px}.modal-body{padding:24px}.modal-body p{color:#7f8c8d;font-size:1rem;line-height:1.6;margin:0}.modal-footer{border-top:1px solid #ecf0f1;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-button{border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:80px;padding:10px 20px;transition:all .3s ease}.cancel-button{background:#ecf0f1;border:1px solid #bdc3c7;color:#7f8c8d}.cancel-button:hover{background:#d5dbdb;box-shadow:0 2px 8px #0000001a;color:#5d6d7e;transform:translateY(-1px)}.confirm-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none}.confirm-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.confirm-button:focus{outline:2px solid #3498db;outline-offset:2px}@media (max-width:768px){.modal-overlay{padding:16px}.modal-content{max-width:100%}.modal-header{padding:20px 20px 16px}.modal-header h3{font-size:1.2rem}.modal-body{padding:20px}.modal-footer{flex-direction:column;padding:16px 20px 20px}.modal-button{padding:12px 20px;width:100%}}@media (max-width:480px){.modal-overlay{padding:12px}.modal-header{padding:16px 16px 12px}.modal-header h3{font-size:1.1rem}.modal-body{padding:16px}.modal-body p{font-size:.9rem}.modal-footer{padding:12px 16px 16px}.modal-button{font-size:.85rem;padding:10px 16px}}.notification{border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;min-width:300px;opacity:0;overflow:hidden;position:fixed;right:20px;top:20px;transform:translateX(100%);transition:all .3s ease-in-out;z-index:1000}.notification-visible{opacity:1;transform:translateX(0)}.notification-content{align-items:center;display:flex;gap:12px;padding:16px}.notification-icon{flex-shrink:0;font-size:20px}.notification-message{flex:1 1;font-size:14px;font-weight:500;line-height:1.4}.notification-close{align-items:center;background:none;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.notification-close:hover{background-color:#0000001a}.notification-success{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.notification-error{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.notification-warning{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.notification-info{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}@media (max-width:480px){.notification{left:10px;max-width:none;min-width:auto;right:10px;top:10px}.notification-content{gap:8px;padding:12px}.notification-message{font-size:13px}.notification-icon{font-size:18px}.notification-close{font-size:18px;height:20px;width:20px}}.changes-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:16px 0;padding:16px}.changes-summary h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px}.no-changes{color:#6c757d;font-style:italic;padding:20px;text-align:center}.changes-list{max-height:300px;overflow-y:auto}.product-changes{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin-bottom:12px;padding:12px}.product-changes:last-child{margin-bottom:0}.product-header{border-bottom:1px solid #e9ecef;color:#495057;font-size:13px;margin-bottom:8px;padding-bottom:6px}.product-header strong{background:#e9ecef;border-radius:3px;color:#212529;font-family:Courier New,monospace;font-size:12px;padding:2px 6px}.field-changes{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.field-change{display:flex;flex-direction:column;gap:2px}.field-name{color:#6c757d;font-size:11px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.field-value{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:3px;color:#212529;font-size:13px;font-weight:600;padding:2px 6px}@media (max-width:768px){.field-changes{grid-template-columns:1fr}.changes-summary{padding:12px}.product-changes{padding:8px}}.search-bar-container{align-items:center;background:#fff;border:1px solid #ecf0f1;border-radius:12px;box-shadow:0 2px 10px #0000000d;display:flex;gap:16px;margin-bottom:24px;padding:20px}.search-input-container{flex:1 1;max-width:400px;position:relative}.refresh-button{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;height:48px;justify-content:center;min-width:48px;padding:12px;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#2980b9,#21618c);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.refresh-button:disabled{animation:spin 1s linear infinite;background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.search-input{background:#f8f9fa;border:2px solid #e1e8ed;border-radius:8px;font-size:1rem;outline:none;padding:12px 16px 12px 44px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.search-input::placeholder{color:#95a5a6;font-style:italic}.search-icon{color:#7f8c8d;font-size:1.1rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.action-buttons{align-items:center;animation:slideIn .3s ease-out;display:flex;gap:12px}@keyframes slideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.update-button{background:linear-gradient(135deg,#27ae60,#229954);border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.update-button:hover:not(:disabled){background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 4px 12px #27ae604d;transform:translateY(-2px)}.update-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.undo-button{background:linear-gradient(135deg,#e67e22,#d35400);border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;min-width:80px;padding:10px 20px;transition:all .3s ease}.undo-button:hover:not(:disabled){background:linear-gradient(135deg,#d35400,#ba4a00);box-shadow:0 4px 12px #e67e224d;transform:translateY(-2px)}.undo-button:disabled{background:#bdc3c7;box-shadow:none;cursor:not-allowed;transform:none}.update-button:disabled{color:#0000;position:relative}.update-button:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@media (max-width:768px){.search-bar-container{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.search-input-container{max-width:none}.action-buttons{flex-wrap:wrap;justify-content:center}.undo-button,.update-button{flex:1 1;min-width:120px}}@media (max-width:480px){.search-bar-container{padding:12px}.search-input{font-size:.9rem;padding:10px 14px 10px 40px}.search-icon{font-size:1rem;left:12px}.action-buttons{gap:8px}.undo-button,.update-button{font-size:.85rem;min-width:100px;padding:8px 16px}}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{width:100%}.header-left{gap:16px}.header-left,.header-right{align-items:center;display:flex}.admin-header h1{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.user-profile{align-items:center;display:flex;justify-content:center;position:relative}.user-avatar{border:2px solid #ecf0f1;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.user-avatar:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.user-avatar-fallback{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #ecf0f1;border-radius:50%;box-shadow:0 2px 8px #0000001a;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.user-avatar-fallback:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05)}.user-greeting{color:#7f8c8d;font-size:1rem;font-weight:500}.logout-button{border:none;cursor:pointer}.back-btn{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 4px 12px #7f8c8d4d;transform:translateY(-1px)}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.header-left{flex-direction:column;gap:12px}.admin-header h1{font-size:1.5rem}.user-info{flex-direction:column;gap:12px}.user-avatar,.user-avatar-fallback{font-size:1rem;height:35px;width:35px}}@media (max-width:480px){.header-content{padding:0 16px}.admin-header h1{font-size:1.3rem}.user-greeting{font-size:.9rem}.back-btn,.logout-button{font-size:.8rem;padding:6px 12px}.user-avatar,.user-avatar-fallback{font-size:.9rem;height:32px;width:32px}}.admin-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.dashboard-main{width:100%}.dashboard-content h2{color:#fff;font-size:2rem;font-weight:600;margin-bottom:24px;text-align:center}.dashboard-content h3{color:#fff;font-size:1.5rem;font-weight:500;margin:32px 0 16px;text-align:center}.features-overview-card{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);border-radius:20px;box-shadow:0 12px 40px #4facfe4d;cursor:pointer;display:flex;gap:24px;margin-bottom:32px;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.features-overview-card:hover{box-shadow:0 16px 50px #4facfe66;transform:translateY(-2px)}.features-overview-card .card-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.features-overview-card .card-content{color:#fff;flex:1 1}.features-overview-card .card-content h3{font-size:1.8rem;font-weight:600;margin:0 0 8px;text-align:left}.features-overview-card .card-content p{font-size:1.1rem;margin:0 0 16px;opacity:.9;text-align:left}.feature-count{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;display:flex;gap:8px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.feature-count .count{color:#fff;font-size:1.5rem;font-weight:700}.feature-count .label{font-size:.9rem;opacity:.9}.feature-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 32px #0000001a;cursor:pointer;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.feature-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.feature-card:before{background:linear-gradient(135deg,#3498db,#2980b9);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-card .card-icon{display:block;font-size:3rem;margin-bottom:16px}.feature-card h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin-bottom:12px}.feature-card p{color:#7f8c8d;font-size:1rem;line-height:1.5;margin-bottom:20px}.card-status{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.card-status.active{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.card-status.coming-soon{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.breadcrumb{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;display:flex;gap:8px;margin-bottom:24px;padding:12px 20px}.breadcrumb-item{border-radius:4px;color:#fffc;cursor:pointer;font-size:.9rem;font-weight:500;padding:4px 8px;transition:all .3s ease}.breadcrumb-item:hover{background:#ffffff1a;color:#fff}.breadcrumb-item.active{color:#fff;cursor:default;font-weight:600}.breadcrumb-item.active:hover{background:none}.breadcrumb-separator{color:#fff9;font-size:1.2rem;font-weight:300}@media (max-width:768px){.dashboard-main{padding:20px 16px}.dashboard-content h2{font-size:1.5rem}.breadcrumb{margin-bottom:20px;padding:10px 16px}.breadcrumb-item{font-size:.8rem}.feature-cards{gap:16px;grid-template-columns:1fr}.feature-card{padding:20px}}@media (max-width:480px){.dashboard-main{padding:16px 12px}.dashboard-content h2{font-size:1.3rem}.breadcrumb{margin-bottom:16px;padding:8px 12px}.breadcrumb-item{font-size:.75rem}.feature-card{padding:16px}.feature-card .card-icon{font-size:2.5rem}.feature-card h3{font-size:1.3rem}}.client-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:20px 0;overflow:hidden}.client-table-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e0e0e0;color:#fff;display:flex;justify-content:space-between;padding:20px}.client-table-header h3{font-size:1.4rem;font-weight:600;margin:0}.updating-indicator{align-items:center;display:flex;font-size:.9rem;gap:8px;opacity:.9}.client-table-wrapper{max-height:70vh;overflow-x:auto;overflow-y:auto}.client-table{border-collapse:collapse;font-size:.9rem;width:100%}.client-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap;z-index:10}.client-table th.sortable{cursor:pointer;transition:background-color .2s;-webkit-user-select:none;user-select:none}.client-table th.sortable:hover{background:#e9ecef}.client-table td{border-bottom:1px solid #e9ecef;padding:12px 8px;vertical-align:middle;white-space:nowrap}.client-row{transition:background-color .2s}.client-row:hover{background:#f8f9fa}.client-row.has-changes{background:#fff3cd;border-left:4px solid #ffc107}.client-row.low-stock{background:#f8d7da}.client-id-cell{color:#495057;font-weight:600;min-width:120px}.client-id{background:#e9ecef;border-radius:4px;font-family:monospace;font-size:.85rem;padding:4px 8px}.editable-cell{min-width:120px;position:relative}.client-cell-value{border-radius:4px;cursor:pointer;display:block;min-height:24px;padding:4px 8px;transition:all .2s}.client-cell-value:hover{background:#e3f2fd;border:1px dashed #2196f3}.client-cell-value.has-changes{background:#fff3cd;border:1px solid #ffc107;color:#856404}.client-input{background:#fff;border:2px solid #2196f3;border-radius:4px;box-shadow:0 2px 4px #2196f333;font-size:.9rem;outline:none;padding:6px 8px;transition:all .2s;width:100%}.client-input:focus{border-color:#1976d2;box-shadow:0 4px 8px #2196f34d}.client-input.has-changes{background:#fffbf0;border-color:#ffc107}.actions-cell{width:60px}.revert-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;opacity:.8;padding:6px 10px;transition:all .2s}.revert-button:hover{background:#c82333;opacity:1;transform:translateY(-1px)}.revert-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.client-table-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.client-table-loading .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.client-table-error{align-items:center;color:#dc3545;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.retry-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:16px;padding:10px 20px;transition:all .2s}.retry-button:hover{background:#5a6fd8;transform:translateY(-1px)}.client-table-empty{align-items:center;color:#6c757d;display:flex;font-style:italic;justify-content:center;padding:60px 20px}.spinner{border:2px solid #f3f3f3;border-top-color:#667eea;height:20px;width:20px}.spinner.small{border-width:2px;height:16px;width:16px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-width:400px;padding:24px;width:90%}.modal h3{color:#495057;font-size:1.2rem;margin:0 0 12px}.modal p{color:#6c757d;line-height:1.5;margin:0 0 20px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.confirm-button{background:#dc3545;color:#fff}.confirm-button:hover{background:#c82333}.cancel-button{background:#6c757d;color:#fff}.cancel-button:hover{background:#5a6268}@media (max-width:768px){.client-table-header{flex-direction:column;gap:12px;text-align:center}.client-table td,.client-table th{font-size:.8rem;padding:8px 4px}.client-table-wrapper{max-height:60vh}}@media (max-width:480px){.client-table-container{margin:10px 0}.client-table-header{padding:16px}.client-table-header h3{font-size:1.2rem}.modal{margin:20px;padding:20px}.modal-actions{flex-direction:column}}.management-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:30px;padding:24px}.header-info h2{color:#495057;font-size:1.8rem;font-weight:700;margin:0 0 8px}.header-info p{color:#6c757d;font-size:1rem;line-height:1.5;margin:0}.header-stats{display:flex;gap:16px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-width:120px;padding:20px;text-align:center}.stat-number{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#6c757d;font-size:.85rem;font-weight:500}.search-section{margin-bottom:24px}.table-section{position:relative}.loading-overlay{box-shadow:0 4px 6px #0000001a;padding:80px 20px}.loading-overlay .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.loading-overlay p{color:#6c757d;margin:0}.error-banner{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:20px;padding:16px}.error-content{align-items:center;display:flex;gap:12px}.error-icon{font-size:1.2rem}.error-message{flex:1 1;font-weight:500}.error-retry-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.error-retry-button:hover{background:#c82333;transform:translateY(-1px)}@media (max-width:768px){.management-header{flex-direction:column;gap:20px;text-align:center}.header-info h2{font-size:1.5rem}.header-stats{justify-content:center}.stat-card{min-width:100px;padding:16px}.stat-number{font-size:1.5rem}}@media (max-width:480px){.management-header{margin-bottom:20px;padding:20px}.header-info h2{font-size:1.3rem}.header-stats{flex-direction:column;width:100%}.stat-card{width:100%}.error-content{flex-direction:column;gap:8px;text-align:center}}.quotations-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.quotations-filters{align-items:end;background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{color:#495057;font-size:14px;font-weight:600;margin-bottom:4px}.filter-input,.filter-select{border:1px solid #ced4da;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.filter-input:focus,.filter-select:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.clear-filters-btn{align-self:flex-end;background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .15s ease-in-out}.clear-filters-btn:hover:not(:disabled){background:#5a6268}.clear-filters-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed}.quotations-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.quotations-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:20px;padding:20px}.quotations-table-wrapper{overflow-x:auto}.quotations-table{border-collapse:collapse;font-size:14px;width:100%}.quotations-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.quotations-table th.sortable{cursor:pointer;transition:background-color .15s ease-in-out;-webkit-user-select:none;user-select:none}.quotations-table th.sortable:hover{background:#e9ecef}.quotations-table td{border-bottom:1px solid #dee2e6;padding:12px 8px;vertical-align:top}.quotation-row{transition:background-color .15s ease-in-out}.quotation-row:hover{background:#f8f9fa}.quotation-id{color:#007bff}.client-id,.quotation-id{font-family:Courier New,monospace;font-weight:600}.client-id{color:#28a745}.client-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-cell{text-align:center}.status-badge{border-radius:12px;padding:4px 8px}.date-cell{color:#6c757d;white-space:nowrap}.amount-cell{color:#28a745;font-weight:600;text-align:right;white-space:nowrap}.actions-cell{text-align:center}.view-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .15s ease-in-out}.view-btn:hover{background:#0056b3}.no-data{color:#6c757d;font-style:italic;padding:40px;text-align:center}.quotations-summary{background:#f8f9fa;border-top:1px solid #e9ecef;color:#495057;padding:16px 20px;text-align:right}.quotations-summary strong{color:#007bff}@media (max-width:768px){.quotations-filters{align-items:stretch;flex-direction:column}.filter-group{min-width:auto}.clear-filters-btn{align-self:stretch;margin-top:8px}.quotations-table td,.quotations-table th{font-size:12px;padding:8px 4px}.client-name{max-width:120px}.quotations-table{font-size:12px}}@media (max-width:480px){.quotations-table td:nth-child(3),.quotations-table th:nth-child(3){display:none}}.quotation-display{align-items:flex-start;background:#00000080;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.quotation-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;margin:20px auto;max-width:800px;overflow:hidden;width:100%}.quotation-header{align-items:center;background:#343a40;color:#fff;display:flex;justify-content:space-between;padding:20px;position:relative}.quotation-title h1{font-size:24px;font-weight:700;letter-spacing:1px;margin:0}.quotation-number{font-family:Courier New,monospace;font-size:14px;margin:4px 0 0;opacity:.8}.quotation-status{position:absolute;right:60px;top:20px}.status-badge{border-radius:16px;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:24px;padding:4px;transition:background-color .15s ease-in-out}.close-btn:hover{background:#ffffff1a}.company-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:30px 20px;text-align:center}.company-header h2{font-size:28px;font-weight:700;letter-spacing:2px;margin:0 0 8px}.company-header p{font-size:16px;margin:0 0 20px;opacity:.9}.company-details{margin:0 auto;max-width:400px;text-align:left}.company-details p{font-size:14px;margin:4px 0;opacity:.9}.banking-section,.client-section,.items-section,.notes-section,.quotation-info,.totals-section{border-bottom:1px solid #e9ecef;padding:20px}.banking-section:last-child,.client-section:last-child,.items-section:last-child,.notes-section:last-child,.quotation-info:last-child,.totals-section:last-child{border-bottom:none}.banking-section h3,.client-section h3,.items-section h3,.notes-section h3,.quotation-info h3{border-bottom:2px solid #007bff;color:#343a40;font-size:18px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{color:#495057;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#212529;font-size:14px}.info-item span.token{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.bank-info,.client-info{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.items-table-wrapper{border:1px solid #e9ecef;border-radius:4px;overflow-x:auto}.items-table{border-collapse:collapse;font-size:14px;width:100%}.items-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:12px 8px;text-align:left;white-space:nowrap}.items-table td{border-bottom:1px solid #e9ecef;padding:12px 8px;vertical-align:top}.product-code{color:#007bff;font-family:Courier New,monospace;font-weight:600}.product-description{max-width:200px}.product-description strong{display:block;margin-bottom:4px}.product-specs{color:#6c757d;font-size:12px;font-style:italic}.price,.quantity,.total{text-align:right;white-space:nowrap}.total{color:#28a745;font-weight:600}.totals-section{background:#f8f9fa;padding:20px}.totals-table{margin-left:auto;max-width:300px}.total-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.total-row.discount{color:#dc3545}.total-row.final-total{border-bottom:2px solid #007bff;margin-top:8px;padding-top:12px}.total-label{font-weight:500}.total-value{color:#28a745;font-weight:600}.final-total .total-value{color:#007bff;font-size:16px}.notes-section{background:#fff3cd;border-left:4px solid #ffc107}.notes-content{background:#fff;border:1px solid #ffeaa7;border-radius:4px;padding:16px}.notes-content p{color:#856404;line-height:1.5;margin:0}.quotation-footer{background:#343a40;color:#fff;padding:20px;text-align:center}.footer-info{margin-bottom:16px}.footer-info p{font-size:14px;margin:4px 0;opacity:.8}.footer-signature p{font-size:16px;font-weight:600;letter-spacing:1px;margin:0}.escape-hint{background:#000000b3;border-radius:4px;bottom:20px;color:#fff;font-size:12px;opacity:.8;padding:8px 12px;pointer-events:none;position:absolute;right:20px;transition:opacity .3s ease-in-out;z-index:1001}.escape-hint:hover{opacity:1}@media print{.quotation-display{background:#fff;overflow:visible;padding:0;position:static}.quotation-content{box-shadow:none;margin:0;max-width:none;width:100%}.close-btn,.escape-hint{display:none}.quotation-header{background:#343a40!important}.company-header,.quotation-header{color-adjust:exact;-webkit-print-color-adjust:exact}.company-header{background:linear-gradient(135deg,#007bff,#0056b3)!important}}@media (max-width:768px){.quotation-display{padding:10px}.quotation-content{margin:10px auto}.quotation-header{align-items:flex-start;flex-direction:column;gap:12px}.quotation-status{order:2;position:static}.close-btn{position:absolute;right:20px;top:20px}.company-header h2{font-size:24px}.bank-info,.client-info,.info-grid{grid-template-columns:1fr}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px 4px}.product-description{max-width:150px}.totals-table{max-width:none}.escape-hint{bottom:10px;font-size:11px;padding:6px 10px;right:10px}}@media (max-width:480px){.company-header h2,.quotation-title h1{font-size:20px}.items-table td:nth-child(3),.items-table td:nth-child(4),.items-table th:nth-child(3),.items-table th:nth-child(4){display:none}}.quotations-management{background:#f8f9fa;min-height:100vh;padding:20px}.quotations-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.header-content h1{color:#343a40;font-size:28px;font-weight:700;margin:0 0 8px}.header-content p{color:#6c757d;font-size:16px;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.cache-info{margin-top:8px}.cache-info small{font-size:12px;font-weight:500}.refresh-btn{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .15s ease-in-out}.refresh-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px)}.refresh-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.quotations-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}@media (max-width:768px){.quotations-management{padding:12px}.quotations-header{align-items:flex-start;flex-direction:column;gap:16px;padding:20px}.header-content h1{font-size:24px}.header-content p{font-size:14px}.header-actions{justify-content:flex-end;width:100%}}@media (max-width:480px){.quotations-management{padding:8px}.quotations-header{padding:16px}.header-content h1{font-size:20px}.refresh-btn{font-size:12px;padding:8px 12px}}.user-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.dashboard-header h1{color:#2c3e50;font-size:2rem;font-weight:700;margin:0}.user-info{align-items:center;display:flex;gap:16px}.user-info span{color:#7f8c8d;font-weight:500}.logout-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.logout-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-1px)}.dashboard-main{margin:0 auto;max-width:1200px;padding:32px 20px}.dashboard-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.profile-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.profile-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.profile-card .card-header{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;margin:0;padding:24px}.profile-card .card-header h2{color:#fff;font-size:1.8rem;margin-bottom:8px}.profile-card .card-content{padding:24px}.profile-info{grid-gap:16px;display:grid;gap:16px}.profile-field{align-items:center;border-bottom:1px solid #ecf0f1;display:flex;justify-content:space-between;padding:12px 0}.profile-field:last-child{border-bottom:none}.profile-field label{color:#2c3e50;font-size:.9rem;font-weight:600}.profile-field span{color:#7f8c8d;font-size:.9rem}.role-badge{background:linear-gradient(135deg,#f39c12,#e67e22);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.user-role{background:linear-gradient(135deg,#3498db,#2980b9)}.main-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.main-card:hover{box-shadow:0 16px 48px #00000026;transform:translateY(-4px)}.main-card .card-header{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;margin:0;padding:24px}.main-card .card-header h2{color:#fff;font-size:1.8rem;margin-bottom:8px}.main-card .card-header p{color:#ffffffe6;font-size:1rem}.main-card .card-content{padding:24px}.welcome-content{padding:20px 0;text-align:center}.welcome-content p{color:#7f8c8d;font-size:1rem;line-height:1.6;margin-bottom:16px}.welcome-content p:last-child{color:#95a5a6;font-style:italic;margin-bottom:0}.secondary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.secondary-cards .card{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:20px;transition:all .3s ease}.secondary-cards .card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-2px)}.secondary-cards .card h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:12px}.secondary-cards .card p{color:#7f8c8d;font-size:.9rem;line-height:1.5;margin-bottom:16px}.card-button{background:linear-gradient(135deg,#95a5a6,#7f8c8d);border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:10px 20px;transition:all .3s ease;width:100%}.card-button:hover{background:linear-gradient(135deg,#7f8c8d,#6c7b7d);box-shadow:0 4px 12px #7f8c8d4d;transform:translateY(-1px)}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.dashboard-header h1{font-size:1.5rem}.dashboard-main{padding:20px 16px}.dashboard-cards{gap:16px}.main-card .card-content,.main-card .card-header,.profile-card .card-content,.profile-card .card-header{padding:20px}.secondary-cards{gap:16px;grid-template-columns:1fr}.profile-field{align-items:flex-start;flex-direction:column;gap:4px}}@media (max-width:480px){.dashboard-main{padding:16px 12px}.main-card .card-content,.main-card .card-header,.profile-card .card-content,.profile-card .card-header,.secondary-cards .card{padding:16px}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}button{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}button:not(:disabled):hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin-bottom:20px;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-2px)}.card-header{margin-bottom:16px}.card-header h2{color:#2c3e50;font-size:1.5rem;margin-bottom:8px}.card-header h3{color:#34495e;font-size:1.2rem;margin-bottom:8px}.card-header p{color:#7f8c8d;font-size:.9rem}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-overlay{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-overlay p{color:#7f8c8d;font-size:1rem}.error-message{background:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:8px;font-size:.9rem;margin:16px 0;padding:12px 16px}.success-message{background:#efe;border-left:4px solid #3c3;color:#3c3}@media (max-width:768px){.card{margin-bottom:16px;padding:16px}.card-header h2{font-size:1.3rem}.card-header h3{font-size:1.1rem}}@media (max-width:480px){.card{margin-bottom:12px;padding:12px}.card-header h2{font-size:1.2rem}.card-header h3{font-size:1rem}}
/*# sourceMappingURL=main.677ecc56.css.map*/