#root{min-height:100%;width:100%}.neumorphic-text-shadow{text-shadow:-5px -5px 10px rgba(255,255,255,.7),5px 5px 10px rgba(174,174,192,.5)}.neumorphic-box-shadow{box-shadow:-7px -7px 15px #ffffffb3,7px 7px 15px #aeaec080}.neumorphic-button-shadow{box-shadow:-5px -5px 10px #ffffffb3,5px 5px 10px #aeaec080}.neumorphic-button-active-shadow:active{box-shadow:inset 3px 3px 7px #aeaec0b3,inset -3px -3px 7px #ffffffb3}.neumorphic-dropdown-shadow{box-shadow:-3px -3px 7px #ffffffb3,3px 3px 7px #aeaec080}html,body{height:100%}body{font-family:Inter,sans-serif;background-color:#e0e0e0;margin:0;min-height:100vh}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-bounce-custom{animation:bounce 1.5s infinite}.create-invoice-container{padding:2rem;max-width:1200px;margin:0 auto}.create-invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.cancel-btn,.save-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.cancel-btn{background:#f8f9fa;color:#666;border:2px solid #e1e5e9}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.invoice-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.items-section{margin-top:1rem}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-item-btn{display:flex;align-items:center;gap:.5rem;background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.add-item-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.add-item-btn:disabled{opacity:.6;cursor:not-allowed}.item-row{display:grid;grid-template-columns:2fr 2fr 1fr 1fr auto;gap:1rem;align-items:start;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1rem;border:1px solid #e9ecef}.item-row:last-child{margin-bottom:0}.item-title input,.item-description textarea{width:100%;margin:0}.item-qty input,.item-amount input{width:100%;margin:0;text-align:center}.remove-item-btn{background:#dc3545;color:#fff;border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.remove-item-btn:hover:not(:disabled){background:#c82333;transform:scale(1.05)}.remove-item-btn:disabled{opacity:.6;cursor:not-allowed}.totals-section{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin-top:2rem}.totals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.total-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.total-row:not(:last-child){border-bottom:1px solid #e9ecef}.total-label{font-weight:500;color:#495057}.total-value{font-weight:600;color:#333}.total-row.final .total-value{font-size:1.2rem;color:#667eea}@media (max-width: 768px){.create-invoice-container{padding:1rem}.create-invoice-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content h1{font-size:2rem}.header-actions{justify-content:stretch}.cancel-btn,.save-btn{flex:1;justify-content:center}.form-sections{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.item-row{grid-template-columns:1fr;gap:.75rem}.item-row>div{display:flex;flex-direction:column}.totals-grid{grid-template-columns:1fr}}@media (max-width: 480px){.create-invoice-container{padding:.5rem}.form-sections{padding:1rem}.header-content h1{font-size:1.75rem}}body{font-family:Arial,sans-serif;margin:0;padding:7px;background-color:transparent;color:#000;line-height:1.4;opacity:1}.invoice-container{z-index:1}.invoice-container{max-width:900px;margin:0 auto;background:transparent}.invoice-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Icon%20MAX-CcGHdpxx.png);background-repeat:no-repeat;background-position:center center;background-size:contain;opacity:.1;pointer-events:none;z-index:0}.invoice-header{padding:20px;border-bottom:2px solid #000}.header-row{display:flex;justify-content:space-between;align-items:flex-start}.company-logo{flex:1}.logo-img{max-width:150px;height:auto}.invoice-title{flex:1;text-align:right}.invoice-title h1{font-size:36px;margin:0;font-weight:700;color:#000}.invoice-number{font-size:16px;margin-top:5px;color:#666}.company-details{margin-top:20px}.invoice-body{padding:20px}.billing-section{display:flex;justify-content:space-between;margin-bottom:30px}.bill-to,.invoice-details{flex:1}.invoice-details{margin-left:40px}.section-title{font-weight:700;font-size:14px;margin-bottom:10px;text-transform:uppercase}.details-table{margin-bottom:15px}.details-table td{padding:3px 0;vertical-align:top}.details-table .label{font-weight:700;padding-right:20px;width:120px}.services-table{width:100%;border-collapse:collapse;margin:30px 0 20px;font-size:14px}.services-table th{background-color:#f5f5f5;border:1px solid #000;padding:10px;text-align:left;font-weight:700}.services-table td{border:1px solid #000;padding:10px;vertical-align:top}.services-table .amount{text-align:right}.totals-section{margin-top:20px;margin-left:auto;width:300px}.totals-table{width:100%;border-collapse:collapse}.totals-table td{padding:5px 10px;border:1px solid #000}.totals-table .label{font-weight:700;text-align:right;background-color:#f5f5f5}.totals-table .amount{text-align:right;width:120px}.total-due{font-weight:700;font-size:16px;background-color:#e6e6e6}.tax-notice{margin:20px 0;padding:10px;background-color:#f9f9f9;border:1px solid #ddd;font-style:italic;text-align:center}.payment-terms{margin-top:30px;border-top:1px solid #ddd;padding-top:20px}.business-number{font-weight:700;margin-top:10px}@media print{.invoice-container{width:100%!important;max-width:none!important;margin:0!important;padding:20px!important;background:#fff!important;color:#000!important}.invoice-header,.invoice-body,.services-table,.totals-section{page-break-inside:avoid;break-inside:avoid}table{border-collapse:collapse!important;width:100%!important}th,td{border:1px solid #ddd!important;padding:8px!important;text-align:left!important}body{font-size:12pt!important;line-height:1.4!important;color:#000!important}*{background:transparent!important;box-shadow:none!important;text-shadow:none!important}.logo-img{max-width:150px!important;height:auto!important}.invoice-header,.invoice-body{margin-bottom:20px!important}.no-print{display:none!important}}.invoice-detail-container{padding:2rem;max-width:1200px;margin:0 auto}.invoice-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content{display:flex;align-items:center;gap:1.5rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#666;border:2px solid #e1e5e9;padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:#e9ecef;border-color:#ced4da;transform:translateY(-1px)}.back-btn svg{width:20px;height:20px}.invoice-info h1{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.invoice-meta{display:flex;align-items:center;gap:1rem}.customer-name{font-size:1.1rem;color:#666;font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:#d4edda;color:#155724}.edit-btn,.delete-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.edit-btn{background:#667eea;color:#fff}.edit-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.edit-btn svg,.delete-btn svg{width:20px;height:20px}.invoice-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.loading-state p{color:#666;font-size:1.1rem;margin:0}.error-state h3{margin:0 0 .5rem;color:#721c24;font-size:1.5rem}.error-state p{margin:0 0 1.5rem;color:#721c24;font-size:1rem;max-width:500px}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-btn,.back-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.back-btn:hover{background:#5a6268;transform:translateY(-1px)}.print-btn{background-color:#17a2b8;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.print-btn:hover{background-color:#138496;transform:translateY(-1px)}@media (max-width: 768px){.invoice-detail-container{padding:1rem}.invoice-detail-header,.header-content{flex-direction:column;align-items:stretch;gap:1rem}.invoice-info h1{font-size:2rem}.invoice-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.header-actions{justify-content:stretch}.edit-btn,.delete-btn{flex:1;justify-content:center}}@media (max-width: 480px){.invoice-detail-container{padding:.5rem}.invoice-info h1{font-size:1.75rem}.error-actions{flex-direction:column;align-items:stretch}.retry-btn,.back-btn{width:100%}}@media print{.invoice-detail-header,.header-actions,.back-btn,.print-btn,.edit-btn,.delete-btn{display:none!important}.invoice-detail-container{padding:0!important;margin:0!important;width:100%!important;max-width:none!important}.invoice-content{margin:0!important;padding:0!important;width:100%!important}.invoice-container{page-break-inside:avoid;break-inside:avoid}*{box-shadow:none!important;text-shadow:none!important}body{font-size:12pt!important;line-height:1.4!important}.loading-state,.error-state{display:none!important}}.invoice-list-container{padding:2rem;max-width:1200px;margin:0 auto}.invoice-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.create-invoice-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-invoice-btn svg{width:20px;height:20px}.invoice-controls{display:flex;gap:1rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#999}.filter-container{min-width:150px}.filter-select{width:100%;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#667eea}.refresh-btn{display:flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#666;border:2px solid #e1e5e9;padding:.75rem 1rem;border-radius:12px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-btn svg{width:18px;height:18px}.invoice-table-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{background:#f8f9fa;padding:1rem;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.invoice-table td{padding:1rem;border-bottom:1px solid #f1f3f4;vertical-align:middle}.invoice-row{cursor:pointer;transition:all .2s ease}.invoice-row:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.invoice-number .number-text{font-weight:600;color:#667eea;font-size:.9rem}.customer-name .name{font-weight:500;color:#333}.invoice-date{color:#666;font-size:.9rem}.invoice-amount .amount-text{font-weight:600;color:#28a745;font-size:1rem}.invoice-status .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-paid{background:#d4edda;color:#155724}.status-pending{background:#fff3cd;color:#856404}.status-overdue{background:#f8d7da;color:#721c24}.status-due-today{background:#cce5ff;color:#004085}.status-default{background:#e2e3e5;color:#383d41}.invoice-actions{display:flex;gap:.5rem}.view-btn,.delete-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.view-btn{background:#667eea;color:#fff}.view-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333;transform:translateY(-1px)}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner.small{width:24px;height:24px;border-width:2px}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#666;font-size:.9rem}.loading-indicator .loading-spinner.small{margin-bottom:0}.error-state{color:#721c24}.error-icon{margin-bottom:1rem;color:#dc3545}.error-state h3{margin:0 0 .5rem;color:#721c24}.error-state p{margin:0 0 1.5rem;color:#721c24}.retry-btn,.back-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin:0 .5rem}.retry-btn{background:#667eea;color:#fff}.retry-btn:hover{background:#5a6fd8}.back-btn{background:#6c757d;color:#fff}.back-btn:hover{background:#5a6268}.error-actions{display:flex;gap:1rem;justify-content:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{margin-bottom:1rem;color:#999}.empty-state h3{margin:0 0 .5rem;color:#333}.empty-state p{margin:0 0 1.5rem;color:#666;max-width:400px}.create-first-invoice-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.create-first-invoice-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.invoice-list-container{padding:1rem}.invoice-list-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content h1{font-size:2rem}.invoice-controls{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.invoice-table-container{overflow-x:auto}.invoice-table th,.invoice-table td{padding:.75rem .5rem;font-size:.85rem}.invoice-actions{flex-direction:column;gap:.25rem}.view-btn,.delete-btn{padding:.4rem .8rem;font-size:.8rem}}.subscription-form-container{padding:2rem;max-width:1000px;margin:0 auto}.subscription-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.header-content h1{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 .5rem}.header-content p{font-size:1.1rem;color:#666;margin:0}.header-actions{display:flex;gap:1rem}.cancel-btn{padding:.75rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;background:#f8f9fa;color:#666;border:2px solid #e1e5e9}.cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#ced4da}.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.submit-error{display:flex;align-items:center;gap:.75rem;background:#f8d7da;color:#721c24;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #f5c6cb}.error-icon{color:#dc3545;flex-shrink:0}.submit-error span{font-weight:500}.success-message{display:flex;align-items:flex-start;gap:.75rem;background:#d4edda;color:#155724;padding:1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #c3e6cb}.success-icon{color:#28a745;flex-shrink:0;margin-top:.25rem}.success-content h3{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.success-content p{margin:0;font-size:.95rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px;border-width:1.5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subscription-form{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.form-sections{padding:2rem}.form-section{margin-bottom:2.5rem}.form-section:last-child{margin-bottom:0}.form-section h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f1f3f4}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group label{font-weight:600;color:#495057;margin-bottom:.5rem;font-size:.9rem}.form-group input,.form-group select{padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group input.error,.form-group select.error{border-color:#dc3545}.error-message{color:#dc3545;font-size:.85rem;margin-top:.25rem}.form-actions{padding:2rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center}.generate-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #28a7454d}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.generated-link-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}.link-container{padding:2rem}.link-container h3{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 1.5rem}.link-display{display:flex;gap:.75rem;margin-bottom:1rem}.link-input{flex:1;padding:.75rem 1rem;border:2px solid #e1e5e9;border-radius:8px;font-size:.9rem;background:#f8f9fa;color:#495057;font-family:Courier New,monospace}.copy-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.copy-btn.copy-success{background:#28a745;color:#fff}.copy-btn.copy-success:hover{background:#218838}.link-instructions{color:#666;font-size:.9rem;line-height:1.5;margin:0;padding:1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.success-actions{padding:1.5rem 2rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:center}.new-subscription-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6c757d;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.new-subscription-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width: 768px){.subscription-form-container{padding:1rem}.subscription-form-header{flex-direction:column;align-items:stretch;gap:1rem}.header-content h1{font-size:2rem}.header-actions{justify-content:stretch}.cancel-btn{flex:1;justify-content:center}.form-sections{padding:1.5rem}.form-grid{grid-template-columns:1fr;gap:1rem}.link-display{flex-direction:column}.copy-btn{justify-content:center}}@media (max-width: 480px){.subscription-form-container{padding:.5rem}.form-sections{padding:1rem}.header-content h1{font-size:1.75rem}.link-container,.success-actions{padding:1rem}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);padding:20px}.login-box{background:#e0e0e0;border-radius:20px;padding:50px 40px;width:100%;max-width:400px;box-shadow:8px 8px 16px #b3b3b3,-8px -8px 16px #fff}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-size:28px;color:#333;margin-bottom:10px;font-weight:600}.login-header p{color:#666;font-size:14px}.login-error{background-color:#ffebee;border:1px solid #ef5350;border-radius:10px;padding:12px 15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#c62828;font-size:14px}.login-error svg{flex-shrink:0;color:#ef5350}.login-form{display:flex;flex-direction:column;gap:20px}.login-button{padding:14px 20px;background:#e0e0e0;border:none;border-radius:12px;color:#333;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:8px 8px 16px #b3b3b3,-8px -8px 16px #fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:10px 10px 20px #b3b3b3,-10px -10px 20px #fff}.login-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 4px 4px 8px #b3b3b3,inset -4px -4px 8px #fff}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:30px;text-align:center;font-size:14px;color:#666}.login-footer p{margin:8px 0}.login-footer a{color:#1976d2;text-decoration:none;font-weight:500;transition:color .3s ease}.login-footer a:hover{color:#1565c0;text-decoration:underline}@media (max-width: 480px){.login-box{padding:40px 25px}.login-header h1{font-size:24px}.login-button{padding:12px 15px;font-size:14px}}.register-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#e0e0e0,#f0f0f0);padding:20px}.register-box{background:#e0e0e0;border-radius:20px;padding:50px 40px;width:100%;max-width:400px;box-shadow:8px 8px 16px #b3b3b3,-8px -8px 16px #fff}.register-header{text-align:center;margin-bottom:30px}.register-header h1{font-size:28px;color:#333;margin-bottom:10px;font-weight:600}.register-header p{color:#666;font-size:14px}.register-error{background-color:#ffebee;border:1px solid #ef5350;border-radius:10px;padding:12px 15px;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#c62828;font-size:14px}.register-error svg{flex-shrink:0;color:#ef5350}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-group label{color:#333;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input{padding:12px 15px;border:none;border-radius:12px;background:#e0e0e0;color:#333;font-size:14px;transition:all .3s ease;box-shadow:inset 4px 4px 8px #b3b3b3,inset -4px -4px 8px #fff}.form-group input:focus{outline:none;box-shadow:inset 4px 4px 8px #a8a8a8,inset -4px -4px 8px #f5f5f5}.form-group input::placeholder{color:#999}.form-group input:disabled{opacity:.6;cursor:not-allowed}.register-button{padding:14px 20px;background:#e0e0e0;border:none;border-radius:12px;color:#333;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:8px 8px 16px #b3b3b3,-8px -8px 16px #fff;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:10px 10px 20px #b3b3b3,-10px -10px 20px #fff}.register-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 4px 4px 8px #b3b3b3,inset -4px -4px 8px #fff}.register-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid #999;border-top-color:#333;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.register-footer{margin-top:30px;text-align:center;font-size:14px;color:#666}.register-footer p{margin:8px 0}.register-footer a{color:#1976d2;text-decoration:none;font-weight:500;transition:color .3s ease}.register-footer a:hover{color:#1565c0;text-decoration:underline}.demo-credentials{background:#f5f5f5;padding:10px;border-radius:8px;color:#555;font-size:12px;margin-top:15px}@media (max-width: 480px){.register-box{padding:40px 25px}.register-header h1{font-size:24px}.register-button{padding:12px 15px;font-size:14px}}