body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.top-nav{align-items:center;background:#0c3d91;color:#fff;display:flex;font-size:11px;justify-content:space-between;padding:10px 20px;width:100%}.logo{font-size:14px;font-weight:700}.nav-links{align-items:center;display:flex;font-size:11px;gap:15px;list-style:none}.nav-links li{border-radius:5px;cursor:pointer;padding:4px 8px;transition:.3s}.nav-links li:hover{background:#fff3}.active{background:#ffffff59}.dropdown{position:relative}.dropdown-menu{background:#fff;border-radius:6px;box-shadow:0 4px 15px #0003;color:#333;font-size:11px;padding:5px 0;position:absolute;right:0;top:30px;width:140px;z-index:10}.dropdown-menu p{cursor:pointer;margin:0;padding:6px 8px}.dropdown-menu p:hover{background:#f0f0f0}.page-body{font-size:13px;padding:25px}.stock-wrap .add-supplier-container{background:#fff;border-radius:8px;padding:20px}.add-supplier-container label{display:block;font-weight:500;margin-bottom:5px;margin-top:15px}.add-supplier-container input,.add-supplier-container textarea{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px;width:100%}.add-supplier-container input:focus,.add-supplier-container textarea:focus{border-color:#007bff;outline:none}.add-supplier-container button{border:none;border-radius:4px;cursor:pointer;margin-right:10px;margin-top:20px;padding:8px 16px}.add-supplier-container button:first-of-type{background:#f0f0f0}.add-supplier-container button:last-of-type{background:#007bff;color:#fff}.add-items-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;max-width:500px;padding:20px}.add-items-container h2{border-bottom:2px solid #f0f0f0;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px}.add-items-container label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px;margin-top:15px}.add-items-container label:first-of-type{margin-top:0}.add-items-container input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .3s;width:100%}.add-items-container input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.add-items-container button{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;margin-right:10px;margin-top:20px;padding:10px 24px;transition:all .3s}.add-items-container button:first-of-type{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.add-items-container button:first-of-type:hover{background-color:#e2e6ea;color:#5a6268}.add-items-container button:last-of-type{background-color:#007bff;color:#fff}.add-items-container button:last-of-type:hover{background-color:#0056b3;box-shadow:0 2px 4px #007bff33;transform:translateY(-1px)}@media (max-width:768px){.add-items-container{margin:10px;padding:15px}.add-items-container button{margin-bottom:10px;margin-right:0;width:100%}}.sup-wrap{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 12px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px}.sup-wrap h2{color:#333;font-size:24px;font-weight:600;margin-bottom:20px}.sup-topbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.sup-topbar input[type=text]{border:1px solid #ccc;border-radius:6px;outline:none;padding:8px 12px;transition:border .2s;width:200px}.sup-topbar input[type=text]:focus{border-color:#007bff}.sup-topbar select{border:1px solid #ccc;border-radius:6px;cursor:pointer;outline:none;padding:8px 12px}.sup-table{background-color:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.sup-table td,.sup-table th{border-bottom:1px solid #eee;padding:12px 15px;text-align:left}.sup-table th{background-color:#007bff;color:#fff;font-weight:500}.sup-table tr:hover{background-color:#f1f5f9}.sup-table button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-right:5px;padding:6px 10px;transition:background .2s}.sup-table button:first-child{background-color:#28a745}.sup-table button:first-child:hover{background-color:#218838}.sup-table button:last-child{background-color:#dc3545}.sup-table button:last-child:hover{background-color:#c82333}.sup-pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.sup-pagination button{background-color:#fff;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;padding:6px 10px;transition:all .2s}.sup-pagination button:hover{background-color:#007bff;color:#fff}.sup-modal{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.sup-modal-box{background:#fff;border-radius:10px;box-shadow:0 6px 20px #0003;display:flex;flex-direction:column;gap:10px;max-width:90%;padding:25px 30px;width:400px}.sup-modal-box h3{color:#333;font-size:20px;margin-bottom:15px}.sup-modal-box input,.sup-modal-box textarea{border:1px solid #ccc;border-radius:6px;outline:none;padding:8px 12px;resize:none;transition:border .2s;width:100%}.sup-modal-box input:focus,.sup-modal-box textarea:focus{border-color:#007bff}.sup-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.sup-modal-actions button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 14px;transition:all .2s}.sup-modal-actions button:first-child{background-color:#007bff}.sup-modal-actions button:first-child:hover{background-color:#0069d9}.sup-modal-actions button:last-child{background-color:#6c757d}.sup-modal-actions button:last-child:hover{background-color:#5a6268}.stock-wrap{background:#f5f5f5;font-family:sans-serif}.stock-wrap h2{margin-bottom:15px}.stock-purchase{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.stock-purchase label{font-weight:500}.stock-purchase input,.stock-purchase select{border:1px solid #ccc;border-radius:5px;outline:none;padding:6px 10px}.stock-items table{margin-bottom:15px}.stock-items td,.stock-items th{padding:10px}.stock-actions{display:flex;gap:10px}.stock-actions button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 14px}.stock-actions button:hover{background-color:#0069d9}.stock-wrap{background:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;font-family:Inter,sans-serif;margin:20px auto;max-width:1100px;padding:20px}.stock-wrap h2{color:#0a1a44;margin-bottom:20px;text-align:center}.stock-wrap label{color:#0a1a44;display:block;font-weight:500;margin-top:15px}.stock-wrap input[type=date],.stock-wrap input[type=number],.stock-wrap input[type=text],.stock-wrap select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;margin-top:5px;padding:8px 12px;width:100%}.stock-items{margin-top:20px}.stock-items table{background:#fff;border-radius:8px;overflow:hidden}.stock-items td,.stock-items th{border-bottom:1px solid #ddd;font-size:14px;padding:10px 12px;text-align:center}.stock-items th{background-color:#0a1a44;color:#fff;font-weight:600}.stock-items tr:nth-child(2n){background-color:#f4f4f4}.stock-items input[type=number]{border:1px solid #ccc;border-radius:5px;padding:4px 8px;text-align:center;width:80px}.stock-wrap button{background-color:#0a1a44;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-right:10px;margin-top:15px;padding:10px 18px;transition:.3s}.stock-wrap button:hover{background-color:#14295e}.stock-wrap select{max-width:200px}@media screen and (max-width:768px){.stock-wrap{padding:15px}.stock-items td,.stock-items th{font-size:12px;padding:8px 6px}.stock-items input[type=number]{width:60px}}.invoice-wrap{background-color:#fdfdfd;border-radius:12px;box-shadow:0 6px 18px #0000001f;margin:30px auto;max-width:980px;padding:30px}.invoice-wrap h2{color:#222;font-size:26px;font-weight:600;margin-bottom:30px;text-align:center}.invoice-section{border-bottom:1px solid #e0e0e0;margin-bottom:25px}.invoice-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:15px}.form-grid{grid-column-gap:20px;grid-row-gap:12px;align-items:center;column-gap:20px;display:grid;grid-template-columns:150px 1fr 150px 1fr;row-gap:12px}.form-grid label{color:#555;font-weight:500}.form-grid input,.form-grid select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:8px 10px;width:100%}.form-grid input:focus,.form-grid select:focus{border-color:#007bff}.eye-section{grid-row-gap:10px;grid-column-gap:10px;background-color:#f3f6fb;border-radius:10px;column-gap:10px;display:grid;grid-template-columns:repeat(4,1fr);padding:15px;row-gap:10px}.eye-section h4{color:#333;font-size:16px;font-weight:600;grid-column:1/-1;margin-bottom:10px}.eye-section label{color:#555;font-size:13px;font-weight:500}.eye-section input,.eye-section select{border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-size:13px;padding:6px 8px;width:100%}.eye-section .checkbox-row{align-items:center;display:flex;gap:6px;grid-column:1/-1;margin-bottom:6px}.lens-frame-grid{grid-template-columns:150px 1fr 150px 1fr}.delivery-grid,.lens-frame-grid{grid-column-gap:20px;grid-row-gap:12px;column-gap:20px;display:grid;row-gap:12px}.delivery-grid{grid-template-columns:150px 1fr 150px 1fr 150px 1fr}.invoice-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 22px;transition:.2s}.invoice-actions button.save{background-color:#28a745;color:#fff}.invoice-actions button.save:hover{background-color:#218838}.invoice-actions button.clear{background-color:#6c757d;color:#fff}.invoice-actions button.clear:hover{background-color:#5a6268}@media (max-width:900px){.delivery-grid,.form-grid,.lens-frame-grid{grid-template-columns:1fr 1fr}.prescription-grid{grid-template-columns:1fr}.eye-section{grid-template-columns:1fr 1fr}}*{box-sizing:border-box;margin:0;padding:0}.invoice-wrap{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:10px auto;max-width:1400px;overflow:hidden;width:100%}.invoice-header{background:linear-gradient(135deg,#1e3c5c,#0f2a42);color:#fff!important;padding:15px 25px}.invoice-header h2{color:#fff!important;font-size:22px;font-weight:600;letter-spacing:-.3px;margin-bottom:4px}.invoice-subtitle{font-size:12px;margin:0;opacity:.85}.invoice-content{max-height:calc(100vh - 80px);overflow-y:auto;padding:20px 25px}.invoice-content::-webkit-scrollbar{width:6px}.invoice-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.invoice-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.invoice-section{border-bottom:1px solid #eef2f7;margin-bottom:20px;padding-bottom:15px}.invoice-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-header{align-items:baseline;border-bottom:2px solid #eef2f7;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:6px}.section-header h3{color:#1e3c5c;font-size:16px;font-weight:600;margin:0}.section-badge{background:#eef2f7;border-radius:12px;color:#1e3c5c;font-size:10px;font-weight:500;padding:2px 8px}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{color:#2c5a74;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.required-star{color:#e74c3c;margin-left:2px}.form-group input,.form-group select{background:#fafcfd;border:1.5px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:12px;padding:6px 10px;transition:all .2s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#1e3c5c;box-shadow:0 0 0 2px #1e3c5c1a;outline:none}.form-group input:hover,.form-group select:hover{border-color:#cbd5e1}.error-input{background:#fff5f5!important;border-color:#e74c3c!important}.error-message{color:#e74c3c;font-size:10px;font-weight:500;margin-top:2px}.prescription-grid{grid-gap:15px;gap:15px}.eye-section{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:12px;transition:all .2s ease}.eye-section:hover{border-color:#cbdde9;box-shadow:0 2px 6px #0000000d}.eye-section h4{border-bottom:2px solid #e2edf2;color:#1e3c5c;font-size:14px;font-weight:700;margin-bottom:12px;padding-bottom:6px}.eye-fields{gap:12px}.eye-field-group,.eye-fields{display:flex;flex-direction:column}.eye-field-group{gap:4px}.eye-field-group label{color:#2c5a74;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.presc-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.eye-field-group input,.presc-inputs input{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;font-size:11px;padding:5px 8px;text-align:center;transition:all .2s ease}.eye-field-group input:focus,.presc-inputs input:focus{border-color:#1e3c5c;box-shadow:0 0 0 2px #1e3c5c1a;outline:none}.total-group .total-input{background:#eef2f7;border-color:#cbdde9;color:#2c7a4d;cursor:default;font-size:13px;font-weight:700}.invoice-actions{border-top:1px solid #eef2f7;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:15px}.btn-clear,.btn-save{align-items:center;border:none;border-radius:30px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:600;gap:6px;padding:8px 20px;transition:all .2s ease}.btn-save{background:#2c7a4d;box-shadow:0 1px 3px #2c7a4d33;color:#fff}.btn-save:hover{background:#1f5e3a;box-shadow:0 3px 8px #2c7a4d33;transform:translateY(-1px)}.btn-clear{background:#f1f3f5;border:1px solid #e2e8f0;color:#495057}.btn-clear:hover{background:#e9ecef;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.toast-notification{animation:slideInRight .3s ease;background:#2c7a4d;border-radius:40px;box-shadow:0 4px 12px #00000026;color:#fff;font-size:12px;font-weight:600;padding:10px 20px;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (min-width:1400px){.invoice-content{max-height:none;overflow-y:visible}.form-row{grid-template-columns:repeat(4,1fr)}.prescription-grid{gap:20px}}@media (max-width:1200px){.form-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.invoice-content{max-height:calc(100vh - 60px);padding:15px}.invoice-header{padding:12px 20px}.invoice-header h2{font-size:18px}.form-row{gap:10px;grid-template-columns:1fr}.prescription-grid{gap:12px;grid-template-columns:1fr}.presc-inputs{gap:6px;grid-template-columns:1fr}.invoice-actions{flex-direction:column}.btn-clear,.btn-save{justify-content:center;width:100%}.section-header{flex-direction:column;gap:5px}.section-badge{align-self:flex-start}}@media (max-width:480px){.invoice-content{padding:12px}.eye-section{padding:10px}.eye-section h4{font-size:13px}.toast-notification{font-size:11px;left:10px;right:10px;text-align:center}.form-group input,.form-group select{font-size:11px;padding:5px 8px}.btn-clear,.btn-save{font-size:11px;padding:6px 16px}}.compact-mode .form-group input,.compact-mode .form-group select{font-size:11px;padding:4px 8px}.compact-mode .section-header h3{font-size:14px}.compact-mode .eye-section{padding:8px}.compact-mode .eye-field-group input,.compact-mode .presc-inputs input{font-size:10px;padding:4px 6px}.purchase-container{background:#f4f4f4;border-radius:10px;padding:20px}.purchase-container h2{font-size:22px;font-weight:600;margin-bottom:20px}.po-header{display:flex;gap:20px;margin-bottom:25px}.po-field{display:flex;flex-direction:column;width:260px}.po-field label{font-weight:500;margin-bottom:5px}.po-field input,.po-field select{background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px}.section-box{background:#fff;border-radius:8px;box-shadow:0 2px 7px #00000026;margin-top:25px;padding:15px}.section-box h3{font-size:18px;font-weight:600;margin-bottom:10px}table{background:#fafafa;border-collapse:collapse;border-radius:6px;margin-top:10px;overflow:hidden;width:100%}td,th{border:1px solid #ddd;font-size:14px;padding:7px;text-align:center}th{background:#eaeaea;font-weight:600}.frame-form,.lens-form{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,1fr);margin-top:15px}.frame-form input,.frame-form select,.lens-form input,.lens-form select{background:#fff;border:1px solid #ccc;border-radius:6px;padding:8px}.checkbox-row{align-items:center;display:flex;font-size:14px;gap:6px}button{border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 14px}button.add-btn{background:#2b74ff;color:#fff}button.add-btn:hover{background:#1b4fc9}button.clear-btn{background:#f44;color:#fff}button.clear-btn:hover{background:#d93636}.create-btn{background:green;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:30px;padding:12px;width:200px}.create-btn:hover{background:#0c7f0c}.quick-add-container{background:#fff;border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 3px 10px #0000000f;margin:20px auto;max-width:1000px;padding:20px}.quick-add-container h2{font-size:22px;font-weight:600;margin-bottom:15px}.qa-tabs{display:flex;gap:10px;margin-bottom:20px}.qa-tab .quick-add-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.quick-add-container h2{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:20px;padding-bottom:10px}.quick-add-container label{color:#555;display:block;font-weight:500;margin-bottom:8px;margin-top:15px}.quick-add-container input,.quick-add-container select{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:14px;padding:8px 12px;width:100%}.quick-add-container input:focus,.quick-add-container select:focus{border-color:#007bff;outline:none}.stock-items{margin:20px 0;overflow-x:auto}.stock-items table{border-collapse:collapse;min-width:800px;width:100%}.stock-items td,.stock-items th{border:1px solid #ddd;padding:8px;text-align:left}.stock-items th{background-color:#f2f2f2;font-weight:700}.stock-items input,.stock-items select{border:1px solid #ddd;border-radius:4px;font-size:12px;padding:6px;width:100%}.btn-remove-row{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 8px}.btn-remove-row:hover{background-color:#c82333}.btn-add-row{background-color:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:8px 16px}.btn-add-row:hover{background-color:#218838}.quick-actions{display:flex;gap:10px;margin-top:20px}.quick-actions button{border:none;border-radius:4px;cursor:pointer;padding:10px 24px}.quick-actions button:first-child{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.quick-actions button:last-child{background-color:#007bff;color:#fff}.quick-actions button:last-child:hover{background-color:#0056b3}@media (max-width:768px){.quick-actions{flex-direction:column}.quick-actions button{width:100%}}.stock-history-container{background:#fff;border:1px solid #dcdcdc;border-radius:10px;box-shadow:0 3px 10px #0000000f;margin:20px auto;max-width:1100px;padding:20px}.stock-history-container h2{color:#333;font-size:22px;font-weight:600;margin-bottom:20px}.sh-filters{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(5,1fr);margin-bottom:20px}.sh-field label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.sh-field input,.sh-field select{background:#fafafa;border:1px solid #ccc;border-radius:6px;padding:9px;width:100%}.sh-filter-btn{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px}.sh-filter-btn:hover{background:#005fcc}.sh-table{border-collapse:collapse;margin-top:15px;width:100%}.sh-table th{background:#007bff;color:#fff;font-size:14px;padding:10px;text-align:left}.sh-table td{border-bottom:1px solid #ddd;font-size:14px;padding:8px}@media (max-width:768px){.sh-filters{grid-template-columns:repeat(1,1fr)}.stock-history-container{padding:15px}}.consultation-container{background:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;margin:auto!important;width:650px}.form-row{align-items:center;display:flex;margin-bottom:12px}.form-row label{font-size:14px;width:120px}.form-row input,.form-row select{border:1px solid #ccc;border-radius:4px;flex:1 1;padding:6px}.btn-add{background-color:#5d8bf4;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:6px 12px}.item-table{border-collapse:collapse;margin-bottom:10px;width:100%}.item-table td,.item-table th{border-bottom:1px solid #ddd;padding:8px}.btn-remove{background:#ff6060;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:10px;padding:6px 14px}.total-row{font-size:15px;margin-bottom:12px;text-align:right}.btn-create{background:#28a745;padding:8px 0;width:100%}.patient-table-container{font-family:Arial,sans-serif;padding:20px;width:100%}.filter-row{gap:10px;margin-bottom:15px}.filter-input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:8px}.patient-table{background:#fff;box-shadow:0 4px 10px #0000001a}.patient-table td,.patient-table th{border:1px solid #ddd;font-size:14px;padding:10px}.patient-table th{background:#f4f4f4}.patient-table tr:nth-child(2n){background:#fafafa}.patient-table tr:hover{background:#eef5ff}.daily-sales-report-container{padding:20px}.dsr-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.dsr-date-input{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.dsr-generate-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 16px;transition:.3s}.dsr-generate-btn:hover{background:#0056b3}.dsr-table{background:#fff;border-collapse:collapse;width:100%}.dsr-table td,.dsr-table th{border:1px solid #ddd;padding:10px}.dsr-table th{background:#f5f5f5}.stock-history-wrap{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.history-category-buttons{display:flex;gap:10px;margin-bottom:20px}.category-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.category-btn.active{background:#007bff;border-color:#007bff;color:#fff}.category-btn:hover:not(.active){background:#e0e0e0}.history-table-container{margin-top:20px;overflow-x:auto}.history-table{border-collapse:collapse;min-width:800px;width:100%}.history-table td,.history-table th{border:1px solid #ddd;padding:10px;text-align:left}.history-table th{background-color:#f2f2f2;font-weight:700;position:sticky;top:0}.history-table tr:nth-child(2n){background-color:#f9f9f9}.history-table tr:hover{background-color:#f5f5f5}.status-complete{color:green;font-weight:700}.status-pending{color:orange;font-weight:700}.loading{color:#666;font-size:16px}.loading,.no-data{padding:40px;text-align:center}.no-data{color:#999;font-style:italic}.stock-out-container{background:#f5f5f5;min-height:100vh;padding:20px}.stock-out-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.stock-out-header h2{color:#333;margin:0}.btn-export{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.btn-export:hover{background:#45a049}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.filter-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#666;font-size:12px;font-weight:700}.filter-date,.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.btn-refresh,.btn-reset{border:none;border-radius:4px;cursor:pointer;font-size:14px;height:38px;padding:8px 16px}.btn-reset{background:#ff9800;color:#fff}.btn-refresh{background:#2196f3;color:#fff}.summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.summary-title{color:#666;font-size:12px;margin-bottom:5px}.summary-value{color:#333;font-size:24px;font-weight:700}.stock-out-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.stock-out-table{border-collapse:collapse;font-size:13px;width:100%}.stock-out-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-weight:700;padding:12px;text-align:left}.stock-out-table td{border-bottom:1px solid #dee2e6;padding:10px 12px}.stock-out-table tr:hover{background:#f8f9fa}.product-type-badge{border-radius:3px;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.product-type-badge.frame{background:#e3f2fd;color:#1976d2}.product-type-badge.lens{background:#f3e5f5;color:#7b1fa2}.invoice-link{font-size:12px}.stock-badge{background:#4caf50;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:700;padding:2px 6px}.stock-badge.low-stock{background:#ff9800}.btn-delete-small{background:#f44336;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;padding:5px 10px}.btn-delete-small:hover{background:#d32f2f}.stock-out-footer{color:#666;font-size:12px;margin-top:15px;text-align:center}.loading-spinner{color:#666;font-size:16px;padding:40px;text-align:center}.balance-invoice-container{background:#f5f5f5;min-height:100vh;padding:20px}.balance-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.balance-header h2{color:#333;margin:0 0 5px}.subtitle{color:#666}.search-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.search-box{display:flex;gap:10px}.search-input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:10px}.btn-search{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.invoices-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.invoices-table{border-collapse:collapse;width:100%}.invoices-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;padding:12px;text-align:left}.invoices-table td{border-bottom:1px solid #dee2e6;padding:12px}.status-badge{border-radius:3px;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.status-badge.pending{background:#fff3e0;color:#ff9800}.status-badge.partial{background:#e3f2fd;color:#1976d2}.btn-create-balance{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px}.btn-create-balance:disabled{background:#ccc;cursor:not-allowed}.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-content{background:#fff;border-radius:8px;max-height:90%;max-width:90%;overflow-y:auto;width:500px}.modal-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:15px 20px}.modal-header h3{margin:0}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:24px}.modal-body{padding:20px}.invoice-details,.payment-details{margin-bottom:20px}.invoice-details h4,.payment-details h4{color:#333;margin:0 0 10px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:8px 0}.detail-row.highlight{background:#fff3e0;border-radius:4px;font-weight:700;margin-top:10px;padding:10px}.payment-summary{border-top:2px solid #dee2e6;margin-top:15px;padding-top:15px}.summary-row{display:flex;font-size:16px;justify-content:space-between;padding:10px 0}.text-success{color:#4caf50}.text-warning{color:#ff9800}.modal-footer{border-top:1px solid #dee2e6;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.btn-cancel{background:#f44336;border-radius:4px;padding:8px 16px}.btn-create{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.btn-create:disabled{background:#ccc;cursor:not-allowed}.view-balance-container{background:#f5f5f5;min-height:100vh;padding:20px}.view-balance-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.view-balance-header h2{color:#333;margin:0 0 5px}.btn-export-report{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.balance-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.balance-table{border-collapse:collapse;font-size:13px;width:100%}.balance-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;padding:12px;text-align:left}.balance-table td{border-bottom:1px solid #dee2e6;padding:12px}.balance-table tr:hover{background:#f8f9fa}.invoice-link{cursor:pointer;font-weight:700}.invoice-link:hover{text-decoration:underline}.amount-paid{color:#4caf50;font-weight:700}.remaining-amount{color:#ff9800;font-weight:700}.remaining-amount.settled{color:#4caf50}.payment-method-badge{background:#e3f2fd;border-radius:3px;color:#1976d2;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.action-buttons{display:flex;gap:8px}.btn-delete,.btn-download,.btn-view{border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:5px 10px}.btn-view{background:#2196f3;color:#fff}.btn-download{background:#4caf50;color:#fff}.btn-delete{background:#f44336;color:#fff}.modal-content.large{max-width:90%;width:700px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.details-section{background:#f8f9fa;border-radius:8px;padding:15px}.details-section h4{border-bottom:2px solid #dee2e6;color:#333;margin:0 0 15px;padding-bottom:5px}.detail-item{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.detail-item label{color:#666;font-weight:700}.detail-item .value{color:#1976d2;font-weight:700}.detail-item.highlight{background:#e8f5e9;border-radius:4px;margin:10px 0;padding:10px}.paid-amount{font-size:16px}.remaining.settled{color:#4caf50;font-weight:700}.btn-close{background:#999;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.view-invoice-container{background:#f5f5f5;min-height:100vh;padding:20px}.view-invoice-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.view-invoice-header h2{color:#333;margin:0 0 5px}.invoice-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.invoice-table{border-collapse:collapse;font-size:13px;width:100%}.invoice-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;padding:12px;text-align:left}.invoice-table td{border-bottom:1px solid #dee2e6;padding:12px}.invoice-table tr:hover{background:#f8f9fa}.products-cell{display:flex;flex-direction:column;gap:2px}.products-cell small{color:#666;font-size:11px}.paid-amount{color:#4caf50;font-weight:700}.balance-payments-count{color:#2196f3;display:block;font-size:10px;font-weight:400}.balance-due{color:#ff9800;font-weight:700}.balance-due.settled{color:#4caf50}.balance-payments-list{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:10px}.payment-history-item{border-bottom:1px solid #e0e0e0;display:flex;font-size:11px;justify-content:space-between;padding:5px 0}.payment-invoice{color:#1976d2;font-family:monospace}.prescription-details{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-top:10px}.eye-details{background:#f8f9fa;border-radius:4px;padding:10px}.eye-details strong{color:#1976d2;display:block;margin-bottom:8px}.eye-details div{font-size:12px;padding:2px 0}.patient-directory-container{background:#f5f5f5;min-height:100vh;padding:20px}.patient-directory-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.patient-directory-header h2{color:#333;margin:0 0 5px}.patient-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto}.patient-table{border-collapse:collapse;font-size:13px;width:100%}.patient-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;padding:12px;text-align:left}.patient-table td{border-bottom:1px solid #dee2e6;padding:12px}.patient-table tr:hover{background:#f8f9fa}.patient-name{color:#1976d2;cursor:pointer;font-weight:700}.patient-name:hover{text-decoration:underline}.name-cell{display:flex;flex-direction:column}.name-cell small{color:#666;font-size:10px}.contact-cell{display:flex;flex-direction:column}.contact-cell small{color:#666;font-size:10px}.age-cell{display:flex;flex-direction:column}.age-group{color:#666;font-size:10px}.gender-badge{background:#e3f2fd;border-radius:3px;color:#1976d2;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.invoice-history-table{max-height:300px;overflow-y:auto}.mini-table{border-collapse:collapse;font-size:12px;width:100%}.mini-table th{background:#f8f9fa;font-weight:700;padding:8px;position:sticky;text-align:left;top:0}.mini-table td{border-bottom:1px solid #e0e0e0;padding:8px}.invoice-link{color:#1976d2;font-family:monospace}.prescription-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:10px}.eye-prescription{background:#f8f9fa;border-radius:8px;padding:15px}.eye-prescription strong{color:#1976d2;display:block;margin-bottom:10px}.eye-prescription div{font-size:13px;padding:3px 0}.dashboard-container{background:#f5f7fa;min-height:100vh;padding:20px}.dashboard-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.dashboard-header h2{color:#2c3e50;font-size:28px;margin:0 0 5px}.subtitle{color:#7f8c8d;font-size:14px;margin:0}.date-filters{align-items:center;display:flex;gap:10px}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.kpi-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-5px)}.kpi-icon{font-size:48px}.kpi-content{flex:1 1}.kpi-label{color:#7f8c8d;font-size:14px;margin-bottom:5px}.kpi-value{color:#2c3e50;font-size:32px;font-weight:700;margin-bottom:5px}.kpi-trend{color:#7f8c8d;font-size:12px}.kpi-trend.positive{color:#4caf50}.kpi-trend.negative{color:#f44336}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.product-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;padding:20px}.product-icon{font-size:48px}.product-info{flex:1 1}.product-label{color:#7f8c8d;font-size:14px;margin-bottom:5px}.product-value{color:#2c3e50;font-size:36px;font-weight:700}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;margin-bottom:30px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.chart-card.full-width{grid-column:1/-1;margin-bottom:30px}.chart-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:10px}.chart-header h3{color:#2c3e50;font-size:18px;margin:0}.chart-subtitle{color:#7f8c8d;font-size:12px;margin:5px 0 0}.chart-container{height:400px}.chart-container.small{height:300px}.chart-container.medium{height:350px}.two-column-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px 20px}.card-header h3{color:#2c3e50;font-size:18px;margin:0}.card-body{max-height:400px;overflow-y:auto;padding:20px}.top-products-list{display:flex;flex-direction:column;gap:15px}.product-item{background:#f8f9fa;border-radius:8px;gap:10px;padding:10px}.product-item,.product-rank{align-items:center;display:flex}.product-rank{background:#e0e0e0;border-radius:50%;color:#666;font-weight:700;height:30px;justify-content:center;width:30px}.product-name{flex:1 1;font-weight:500}.product-count{color:#666;font-size:12px}.product-bar{background:#e0e0e0;border-radius:3px;height:6px;overflow:hidden;width:100px}.product-bar-fill{height:100%;transition:width .3s ease}.recent-invoices-list{display:flex;flex-direction:column;gap:10px}.invoice-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background .2s ease}.invoice-item:hover{background:#e8f0fe}.invoice-info{flex:1 1}.invoice-number{color:#1976d2;font-family:monospace;font-weight:700;margin-bottom:4px}.invoice-customer{color:#666;font-size:13px;margin-bottom:2px}.invoice-date{color:#999;font-size:11px}.invoice-amounts{text-align:right}.invoice-total{color:#2c3e50;font-weight:700;margin-bottom:4px}.invoice-paid{color:#4caf50;font-size:12px}.invoice-due{color:#ff9800;font-size:11px}.quick-stats{grid-gap:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.stat-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:10px}.stat-label{color:#7f8c8d;font-size:14px}.stat-value{color:#2c3e50;font-size:18px;font-weight:700}.empty-state{color:#999;padding:40px;text-align:center}@media (max-width:768px){.charts-grid,.two-column-grid{grid-template-columns:1fr}.kpi-value{font-size:24px}.dashboard-header{flex-direction:column;gap:15px}}.consultation-container{background:#f5f7fa;min-height:100vh;padding:20px}.consultation-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.consultation-header h2{color:#2c3e50;margin:0 0 5px}.consultation-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow-x:auto}.consultation-table{border-collapse:collapse;font-size:13px;width:100%}.consultation-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;font-weight:700;padding:12px;text-align:left}.consultation-table td{border-bottom:1px solid #e0e0e0;padding:12px}.consultation-table tr:hover{background:#f8f9fa}.customer-name{color:#1976d2;font-weight:500}.date-cell small{color:#999;font-size:10px}.text-center{text-align:center}.amount,.completed{color:#4caf50;font-weight:700}.pending{color:#ff9800;font-weight:700}.cancelled{color:#f44336;font-weight:700}.items-table-container{max-height:400px;overflow-y:auto}.items-table{border-collapse:collapse;font-size:13px;width:100%}.items-table th{background:#f8f9fa;font-weight:700;padding:10px;position:sticky;text-align:left;top:0}.items-table td{border-bottom:1px solid #e0e0e0;padding:10px}.status-badge-small{border-radius:3px;display:inline-block;font-size:11px;font-weight:700;padding:3px 8px}.status-badge-small.pending{background:#fff3e0;color:#ff9800}.status-badge-small.completed{background:#e8f5e9;color:#4caf50}.status-badge-small.cancelled{background:#ffebee;color:#f44336}.status-update-buttons{display:flex;gap:8px}.btn-complete{background:#4caf50}.btn-cancel,.btn-complete{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.btn-cancel{background:#ff9800}.completed-badge{color:#4caf50;font-size:12px}.cancelled-badge{color:#f44336;font-size:12px}.confirmation-message{background:#fff3e0;border-radius:4px;color:#ff9800;margin-top:20px;padding:10px;text-align:center}.btn-confirm{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.full-width{grid-column:1/-1}.sales-report-container{background:#f5f7fa;border-radius:12px;padding:20px}.sales-report-container h2{color:#05556e!important;font-weight:600;margin-bottom:15px}.sales-report-container>div{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sales-report-container button{background:#05556e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 14px;transition:.3s ease}.sales-report-container button:hover{background:#033d4f}.sales-report-container select{background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;font-size:14px;outline:none;padding:6px 10px}.sales-report-container table{background:#fff;border-collapse:collapse;border-radius:10px;margin-top:15px;overflow:hidden;width:100%}.sales-report-container thead{background:#05556e;color:#fff}.sales-report-container th{color:#00008b!important;font-size:14px;font-weight:500;padding:10px;text-align:left}.sales-report-container td{border-bottom:1px solid #eee;font-size:14px;padding:10px}.sales-report-container tbody tr:hover{background:#f1f9fb;transition:.2s}.sales-report-container td:last-child{font-weight:600}.sales-report-container p{color:#666;margin-top:20px;text-align:center}@media (max-width:768px){.sales-report-container{padding:10px}.sales-report-container table{font-size:12px}.sales-report-container td,.sales-report-container th{padding:8px}.sales-report-container>div{align-items:flex-start;flex-direction:column}}.login-container{align-items:center;background:linear-gradient(90deg,#fcf7d9,#e6f1ff);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh}.forgot-line{font-style:normal;font-weight:700}.login-panel{background:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;height:400px;overflow:hidden;width:800px}.left-panel{background:#fff;flex:1 1;padding:40px}.heading-login{align-items:center;margin-bottom:15px;margin-top:15px}.heading-login,.left-panel h1{font-size:24px;font-weight:700}.left-panel h1{margin-bottom:10px}.left-panel p{color:#555;font-size:14px;margin-bottom:20px}.left-panel input{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:10px;width:100%}.left-panel input:focus{border-color:#8fa7e6;outline:none}.left-panel a{color:#7a9be8;display:block;font-size:12px;margin-bottom:15px;text-decoration:none}.left-panel a:hover{text-decoration:underline}.left-panel button{background:#0007c8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.left-panel button:hover{background:#030051}.right-panel{background:#fef900;border-bottom-left-radius:20px;border-top-left-radius:20px;color:#0502dd;flex:1 1;padding:40px;text-align:center}.right-panel h2{color:#0502dd;font-size:24px;font-weight:700;margin-bottom:15px}.right-panel p{color:#0502dd;font-size:14px;line-height:1.5}.right-panel .logo{border-radius:50%;box-shadow:0 4px 6px #0000001a;height:100;margin-bottom:15px;width:170px}div .forgot-password-link{color:#3039ec;cursor:pointer;font-weight:700;text-decoration:none!important;transition:color .3s ease}div .forgot-password-link:hover{color:#0b1867}@media (max-width:1024px){.login-panel{flex-direction:column;height:auto;width:90%}.right-panel{border-radius:0;padding:20px}.left-panel{padding:20px}}@media (max-width:768px){.left-panel h1,.right-panel h2{font-size:20px}.left-panel button,.left-panel input{font-size:14px}.right-panel p{font-size:12px}}@media (max-width:480px){.left-panel h1,.right-panel h2{font-size:18px}.right-panel p{font-size:12px;line-height:1.4}.left-panel button{font-size:14px;padding:8px}.right-panel .logo{width:80px}}.form-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a;font-family:Arial,sans-serif;margin:2rem auto;max-width:400px;padding:2rem}.form-container h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-container .error-message{background-color:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#ff4d4d;font-size:.9rem;margin-bottom:1rem;padding:.8rem;text-align:center}.form-container form{display:flex;flex-direction:column;gap:1rem}.form-container input{border:1px solid #ccc;border-radius:8px;font-size:1rem;outline:none;padding:.8rem;transition:border-color .3s ease}.form-container input:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d}.form-container input::placeholder{color:#aaa;font-size:.9rem}.form-container .form-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem 1rem;transition:background-color .3s ease,box-shadow .3s ease}.form-container .form-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #005bb333}.form-container .form-btn:active{background-color:#004080}.form-container .forgot-password-link{color:#007bff;display:block;font-size:.9rem;margin-top:1rem;text-align:center;text-decoration:none;transition:color .3s ease}.form-container .forgot-password-link:hover{color:#0056b3}.form-container .forgot-password-link:active{color:#004080}
/*# sourceMappingURL=main.362c7157.css.map*/