.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000001a;width:100%;max-width:450px;overflow:hidden}.login-header{background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);color:#fff;padding:3rem 2rem 2rem;text-align:center}.login-logo{display:flex;flex-direction:column;align-items:center;gap:1rem}.login-logo-image{height:80px;width:auto;filter:brightness(1.1) drop-shadow(0 0 15px rgba(255,255,255,.3));transition:all .3s ease}.login-logo-image:hover{filter:brightness(1.2) drop-shadow(0 0 20px rgba(255,255,255,.4));transform:scale(1.02)}.login-logo .logo-icon{width:60px;height:60px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-one);font-weight:700;font-size:1.5rem}.login-logo h1{margin:0;font-size:1.8rem;font-weight:600}.login-subtitle{margin:0 0 1.5rem;opacity:.8;font-size:1.1rem;text-align:center;color:var(--text-secondary);font-weight:500}.login-form-container{padding:2rem}.login-type-selector{display:flex;background:var(--secondary-beige-one);border-radius:8px;padding:4px;margin-bottom:2rem}.type-btn{flex:1;padding:.75rem;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.type-btn.active{background:var(--primary-one);color:#fff;box-shadow:0 2px 8px #9a00564d}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-btn{width:100%;padding:1rem;font-size:1rem;font-weight:600;margin-top:1rem}@media (max-width: 480px){.login-container{padding:1rem}.login-header{padding:2rem 1rem 1.5rem}.login-form-container{padding:1.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003,0 8px 20px #0000001f;width:100%;max-height:85vh;overflow-y:auto;position:relative;animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(255,255,255,.2)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;border-bottom:1px solid #e8ecf0;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px 12px 0 0}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#1a202c;letter-spacing:-.015em}.modal-close{background:#f7fafc;border:1px solid #e2e8f0;color:#718096;font-size:1.25rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;font-weight:300}.modal-close:hover{background:#fed7d7;border-color:#fc8181;color:#e53e3e;transform:scale(1.05)}.modal-body{padding:1.5rem;background:#fff}.modal-form{display:flex;flex-direction:column;gap:1.25rem}.modal-form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form-label{font-weight:600;color:#2d3748;font-size:.875rem;margin-bottom:.25rem}.modal-form-input{padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9rem;font-weight:500;color:#2d3748;transition:all .3s ease;background:#f7fafc;line-height:1.4}.modal-form-input:focus{outline:none;border-color:#3182ce;background:#fff;box-shadow:0 0 0 4px #3182ce1a;transform:translateY(-1px)}.modal-form-input::placeholder{color:#a0aec0;font-weight:400}.readonly-input{background:#f1f5f9!important;color:#64748b!important;cursor:not-allowed!important;border-color:#cbd5e1!important}.readonly-input:focus{box-shadow:none!important;transform:none!important;border-color:#cbd5e1!important;background:#f1f5f9!important}.readonly-note{font-size:.75rem;color:#64748b;font-style:italic;margin-top:.25rem;display:block}select.modal-form-input{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.25em 1.25em;padding-right:2.5rem}select.modal-form-input:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233182ce' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.country-search-container{position:relative}.country-search-input{width:100%}.country-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.country-option{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f1f5f9;font-size:.9rem;transition:background-color .2s ease}.country-option:hover{background-color:#f8fafc}.country-option:last-child{border-bottom:none}.country-option.selected{background-color:#3182ce;color:#fff}.no-countries-found{padding:.75rem 1rem;color:#64748b;font-style:italic;text-align:center}.clear-country-btn{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;font-size:1.1rem;padding:.25rem;border-radius:4px;transition:all .2s ease}.clear-country-btn:hover{background-color:#f1f5f9;color:#374151}.modal-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;min-width:100px;letter-spacing:.015em;text-transform:none;line-height:1.4;position:relative;overflow:hidden}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.modal-btn:hover:before{left:100%}.modal-btn-primary{background:linear-gradient(135deg,#3182ce,#2c5aa0);color:#fff;box-shadow:0 4px 15px #3182ce59}.modal-btn-primary:hover{background:linear-gradient(135deg,#2c5aa0,#2a4a85);transform:translateY(-2px);box-shadow:0 8px 25px #3182ce66}.modal-btn-secondary{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.modal-btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.modal-btn-danger{background:linear-gradient(135deg,#e53e3e,#c53030);color:#fff;box-shadow:0 4px 15px #e53e3e59}.modal-btn-danger:hover{background:linear-gradient(135deg,#c53030,#9c2a2a);transform:translateY(-2px);box-shadow:0 8px 25px #e53e3e66}.modal-message{padding:1rem;border-radius:8px;margin-bottom:1rem;font-weight:500;border-left:3px solid;font-size:.875rem}.modal-message.success{background:linear-gradient(135deg,#f0fff4,#e6fffa);color:#22543d;border-left-color:#48bb78}.modal-message.error{background:linear-gradient(135deg,#fed7d7,#fed7e2);color:#742a2a;border-left-color:#e53e3e}.branch-preview-modal{background:linear-gradient(135deg,#f7fafc,#edf2f7);padding:1rem;border-radius:8px;border:1px solid #e2e8f0;margin-bottom:1.25rem}.branch-preview-title{font-weight:600;color:#1a202c;margin-bottom:.75rem;font-size:1rem}.branch-details{display:flex;flex-direction:column;gap:.5rem}.branch-detail{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(226,232,240,.5)}.branch-detail:last-child{border-bottom:none}.branch-detail-label{color:#4a5568;font-weight:500;font-size:.85rem}.branch-detail-value{color:#1a202c;font-weight:600;font-size:.85rem}@media (max-width: 768px){.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh;border-radius:12px}.modal-header,.modal-body{padding:1.5rem}.modal-title{font-size:1.5rem}.modal-form-grid{grid-template-columns:1fr;gap:1rem}.modal-actions{flex-direction:column;gap:.75rem}.modal-btn{width:100%;min-width:auto}}.employee-id-input-group{display:flex;gap:.75rem;align-items:stretch}.employee-id-input-group .modal-form-input{flex:1;margin:0}.verify-btn{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;min-width:80px;background:linear-gradient(135deg,#38a169,#2f855a);color:#fff;box-shadow:0 3px 10px #38a1694d}.verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#2f855a,#276749);transform:translateY(-1px);box-shadow:0 6px 18px #38a16966}.verify-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;box-shadow:none;transform:none}.verification-result{margin-top:.75rem}.verification-success{background:#f0fff4;border:2px solid #9ae6b4;border-radius:8px;padding:.875rem;color:#2f855a;font-size:.875rem}.verification-success strong{display:block;margin-bottom:.5rem;color:#276749}.verification-success div{margin-bottom:.25rem;line-height:1.4}.verification-success div:last-child{margin-bottom:0}@media (max-width: 480px){.modal-header,.modal-body{padding:1rem}.modal-title{font-size:1.25rem}.modal-form{gap:1.5rem}.modal-form-input{padding:.875rem 1rem}.employee-id-input-group{flex-direction:column;gap:.5rem}.verify-btn{align-self:flex-start;min-width:100px}}.dashboard-tabs{display:flex;background:var(--secondary-beige-one);border-radius:10px;padding:4px;margin-bottom:2rem;gap:4px}.tab-btn{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.tab-btn.active{background:var(--primary-one);color:#fff;box-shadow:0 2px 8px #9a00564d}.tab-btn:hover:not(.active){background:var(--secondary-beige-four)}.tab-content{min-height:400px}.branch-info{display:flex;flex-direction:column;gap:.25rem}.branch-name{font-weight:600;color:var(--text-primary);font-size:1rem}.branch-location{color:var(--text-secondary);font-size:.9rem}.branch-currency{font-size:.8rem;background:var(--secondary-dust-yellow-one);color:var(--secondary-sage-green-four);padding:.2rem .5rem;border-radius:4px;width:fit-content}.manager-info{display:flex;flex-direction:column;gap:.25rem}.manager-name{font-weight:500;color:var(--text-primary)}.manager-id{font-size:.8rem;color:var(--text-secondary);font-family:monospace}.rates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.rate-item{display:flex;justify-content:space-between;padding:.3rem .5rem;background:var(--secondary-beige-two);border-radius:4px;font-size:.85rem}.rate-label{font-weight:500;color:var(--text-secondary)}.rate-value{font-weight:600;color:var(--text-primary)}.action-section{display:flex;flex-direction:column;gap:1rem;min-width:300px}.rate-inputs{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:.5rem;align-items:end}.rate-input{width:60px!important;padding:.4rem!important;font-size:.8rem!important}.manager-assignment{display:flex;gap:.5rem;align-items:end}.manager-assignment .form-input{flex:1}.branch-preview{background:var(--secondary-sage-green-one);border:2px solid var(--secondary-sage-green-three);border-radius:8px;padding:1rem;margin:1rem 0}.branch-preview h3{margin:0 0 .5rem;color:var(--secondary-sage-green-four)}.branch-preview p{margin:.25rem 0;color:var(--secondary-sage-green-four)}.verification-info{margin-top:.5rem;padding:.5rem;background:var(--secondary-sage-green-one);color:var(--secondary-sage-green-four);border-radius:4px;font-size:.9rem}.upload-section{display:flex;flex-direction:column;gap:1.5rem}.upload-description{background:var(--secondary-lilac-one);padding:1rem;border-radius:8px;color:var(--text-primary);margin:0;border-left:4px solid var(--secondary-lilac-three)}.upload-controls{display:flex;flex-direction:column;gap:1rem}.file-upload{display:flex;gap:1rem;align-items:center}.file-input{flex:1;padding:.75rem;border:2px dashed var(--border-color);border-radius:6px;background:var(--secondary-beige-two);cursor:pointer}.file-input:focus{border-color:var(--accent-primary);outline:none}.password-form{display:flex;flex-direction:column;gap:1rem}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:4rem;font-size:1.2rem;color:var(--text-secondary)}.action-buttons-inline{display:flex;gap:var(--spacing-xs);justify-content:center;align-items:center;flex-wrap:wrap}.btn-icon{width:40px;height:40px;border:none;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;position:relative}.btn-icon:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-icon:active{transform:translateY(0)}.btn-icon.btn-success{background:linear-gradient(135deg,var(--success-green),#27ae60);color:#fff}.btn-icon.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-icon.btn-primary{background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));color:#fff}.btn-icon.btn-info{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.btn-icon.btn-danger{background:linear-gradient(135deg,var(--danger-red),#c0392b);color:#fff}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:200px}.action-buttons .btn{justify-content:flex-start;text-align:left;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;border-radius:var(--border-radius-sm);transition:all .2s ease;white-space:nowrap}.action-buttons .btn:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.action-buttons .btn-success{background:linear-gradient(135deg,var(--success-green),#27ae60);border:none}.action-buttons .btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);border:none;color:#fff}.action-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-gold),var(--secondary-gold));border:none}.action-buttons .btn-danger{background:linear-gradient(135deg,var(--danger-red),#c0392b);border:none}@media (max-width: 1200px){.action-buttons{min-width:180px}.action-buttons-inline{gap:var(--spacing-xs)}.btn-icon{width:36px;height:36px;font-size:1.1rem}}@media (max-width: 768px){.dashboard-tabs{flex-direction:column}.action-buttons-inline{flex-direction:column;gap:var(--spacing-xs)}.btn-icon{width:32px;height:32px;font-size:1rem}.action-buttons{min-width:auto;flex-direction:row;flex-wrap:wrap;justify-content:center}.action-buttons .btn{flex:1;min-width:120px;text-align:center;justify-content:center}.file-upload{flex-direction:column;align-items:stretch}}.card-header{display:flex;justify-content:space-between;align-items:center}.pagination-controls{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.pagination-btn{background:var(--primary-one);color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.1rem;transition:all .3s ease;box-shadow:0 2px 6px #9a005633}.pagination-btn:hover:not(:disabled){background:var(--primary-two);transform:translateY(-1px);box-shadow:0 4px 12px #9a00564d}.pagination-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.pagination-info{font-weight:600;color:var(--text-primary);background:var(--secondary-beige-one);padding:.5rem .75rem;border-radius:6px;min-width:60px;text-align:center}.card-footer{border-top:2px solid var(--secondary-beige-one);padding-top:1rem;margin-top:1.5rem;display:flex;justify-content:flex-end}@media (max-width: 480px){.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.pagination-controls{align-self:flex-end}.card-footer{justify-content:center}.action-buttons-inline{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--spacing-xs)}.btn-icon{width:30px;height:30px;font-size:.9rem}.action-buttons{flex-direction:column}.action-buttons .btn{flex:none;min-width:auto}}.card-header-left{display:flex;align-items:center}.card-header-right{display:flex;align-items:center;gap:1.5rem}.filter-container{position:relative;display:flex;align-items:center}.filter-input{padding:.5rem 2.5rem .5rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:.9rem;width:280px;background:#fff;transition:all .3s ease}.filter-input:focus{outline:none;border-color:var(--primary-one);box-shadow:0 0 0 3px #9a00561a}.filter-input::placeholder{color:#999;font-style:italic}.clear-filter-btn{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;font-size:1rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.clear-filter-btn:hover{background:#f5f5f5;color:var(--primary-one)}.refresh-btn{background:var(--primary-one);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--primary-three);transform:translateY(-1px)}.refresh-btn:disabled{background:#ccc;cursor:not-allowed}.refresh-btn:disabled:hover{transform:none}.searchable-dropdown{position:relative;width:100%}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto;margin-top:2px}.dropdown-option{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease;display:flex;justify-content:space-between;align-items:center}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background-color:var(--secondary-beige-two)}.dropdown-option:first-child{color:var(--text-secondary);font-style:italic}.dropdown-option:first-child:hover{background-color:#f8f8f8}@media (max-width: 768px){.card-header{flex-direction:column;gap:1rem;align-items:stretch}.card-header-left,.card-header-right{justify-content:center}.filter-input{width:100%;max-width:300px}.card-header-right{flex-direction:column;gap:1rem}.dropdown-options{max-height:150px}}.spinner-center{display:flex;justify-content:center;align-items:center;height:60vh}.spinner{width:60px;height:60px;border:4px solid var(--border-color);border-top:4px solid var(--primary-one);border-radius:50%;animation:spin 1s linear infinite}.branch-dashboard{padding:20px 0;max-width:1200px;margin:0 auto;min-height:calc(100vh - 70px)}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-one);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header{text-align:center;margin-bottom:40px;padding:0 20px}.dashboard-header h1{color:var(--text-primary);font-size:2.5rem;margin-bottom:10px;font-weight:700;background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header p{color:var(--text-secondary);font-size:1.1rem;font-weight:500}.branch-info-card{background:#fff;border-radius:16px;padding:30px;margin:0 20px 30px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border-color)}.branch-info h2{color:var(--text-primary);font-size:1.8rem;margin-bottom:16px;font-weight:700}.branch-details{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.country-badge{background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);color:#fff;padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.currency-info{background:var(--secondary-beige-four);color:var(--text-primary);padding:10px 20px;border-radius:25px;font-size:14px;font-weight:600;border:2px solid var(--border-color)}.rates-management{background:#fff;border-radius:16px;padding:40px;margin:0 20px 30px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border-color)}.rates-header{text-align:center;margin-bottom:40px}.rates-header h3{color:var(--text-primary);font-size:1.8rem;margin-bottom:8px;font-weight:700}.rates-header p{color:var(--text-secondary);font-size:1rem;font-weight:500}.alert{padding:16px 20px;border-radius:12px;margin-bottom:24px;text-align:center;font-weight:500;border:1px solid}.alert-error{background:#fef2f2;color:#dc2626;border-color:#fecaca}.alert-success{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.rates-form{width:100%}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.rate-input-group{display:flex;flex-direction:column}.rate-input-group label{color:var(--text-primary);font-weight:600;margin-bottom:12px;font-size:1rem}.input-container{position:relative;display:flex;align-items:center;background:#f8fafb;border:2px solid var(--border-color);border-radius:12px;padding:16px 20px;transition:all .3s ease}.input-container:focus-within{border-color:var(--primary-one);box-shadow:0 0 0 3px #9a00561a;background:#fff}.currency{color:var(--text-secondary);font-weight:600;margin-right:12px;font-size:1rem}.input-container input{flex:1;border:none;background:transparent;font-size:1.1rem;font-weight:600;color:var(--text-primary);outline:none}.input-container input::placeholder{color:#9ca3af;font-weight:400}.unit{color:var(--text-secondary);font-size:.875rem;margin-left:12px;white-space:nowrap;font-weight:500}.form-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:30px}.btn{padding:14px 28px;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s ease;border:2px solid;text-decoration:none;display:inline-flex;align-items:center;gap:8px;min-width:140px;justify-content:center}.btn-primary{background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);color:#fff;border-color:transparent}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #9a00564d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:var(--secondary-beige-four);transform:translateY(-1px)}.current-rates-preview{background:#fff;border-radius:16px;padding:30px;margin:0 20px 20px;box-shadow:0 8px 32px #00000014;border:1px solid var(--border-color)}.current-rates-preview h3{color:var(--text-primary);text-align:center;margin-bottom:30px;font-size:1.5rem;font-weight:700}.preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.preview-item{background:linear-gradient(135deg,#f8fafb,#f1f5f9);padding:24px;border-radius:12px;text-align:center;transition:all .3s ease;border:2px solid var(--border-color)}.preview-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a;border-color:var(--primary-one)}.preview-item .karat{display:block;color:var(--text-secondary);font-size:.875rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.preview-item .rate{display:block;background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;font-weight:700}@media (max-width: 768px){.branch-dashboard{padding:15px 10px}.dashboard-header h1{font-size:2rem}.branch-info-card,.rates-management,.current-rates-preview{margin:0 10px 20px;padding:20px}.rates-grid{grid-template-columns:1fr;gap:20px}.preview-grid{grid-template-columns:repeat(2,1fr);gap:15px}.form-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.branch-details{flex-direction:column;align-items:flex-start;gap:12px}.input-container{padding:14px 16px}.rates-header h3{font-size:1.5rem}}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:24px;background:var(--background-primary);border-radius:12px;box-shadow:var(--shadow-medium);border:1px solid var(--border-primary)}.filter-controls{display:flex;gap:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-controls label{font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:0;padding:0 14px}.country-filter,.branch-name-filter{padding:10px 14px;border:1px solid var(--border-primary);border-radius:8px;font-size:14px;min-width:140px;background:var(--background-primary);color:var(--text-primary)}.country-filter:focus,.branch-name-filter:focus{outline:none;border-color:var(--primary-one);box-shadow:0 0 0 3px #667eea1a}.branch-name-filter::placeholder{color:var(--text-secondary);opacity:.7}.bulk-controls{display:flex;gap:12px}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:24px;margin-bottom:30px;padding:0 20px}.branch-card{background:var(--background-primary);border-radius:12px;padding:24px;box-shadow:var(--shadow-small);border:2px solid var(--primary-one);transition:all .3s ease}.branch-card:hover{box-shadow:var(--shadow-medium);transform:translateY(-2px)}.branch-card.selected{border-color:var(--primary-one);background:var(--primary-light);box-shadow:var(--shadow-medium)}.branch-card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.branch-checkbox{margin-top:6px;transform:scale(1.3);accent-color:var(--primary-one)}.branch-info h3{color:var(--text-primary);font-size:1.1rem;margin-bottom:6px;font-weight:600}.branch-info p{color:var(--text-secondary);font-size:14px;margin:0}.branch-rates{padding-top:16px;border-top:1px solid var(--border-primary)}.rates-summary{margin-bottom:16px}.current-rates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.rate-item{display:flex;justify-content:space-between;font-size:14px;padding:6px 0}.rate-item span:first-child{font-weight:600;color:var(--text-primary)}.rate-item span:last-child{color:var(--primary-one);font-weight:600}.no-rates{color:var(--text-secondary);font-style:italic;margin-bottom:16px;text-align:center;padding:12px}.loading-rates{color:var(--primary-one);font-size:14px;margin-bottom:16px;text-align:center;padding:12px}.no-branches{text-align:center;padding:60px 20px;color:var(--text-secondary);font-style:italic;background:var(--background-primary);border-radius:12px;margin:0 20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:var(--background-primary);border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-large);border:1px solid var(--border-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-primary)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-btn:hover{color:var(--text-primary);background:var(--background-secondary)}.modal-body{padding:24px}.modal-body p{color:var(--text-secondary);margin-bottom:24px}.bulk-rates-form{display:grid;gap:20px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid var(--border-primary)}.btn-sm{padding:8px 16px;font-size:14px;border-radius:6px}.spinner-center{display:flex;justify-content:center;align-items:center;min-height:400px}.spinner{width:48px;height:48px;border:4px solid var(--border-primary);border-top:4px solid var(--primary-one);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.dashboard-controls{flex-direction:column;gap:20px;align-items:stretch}.filter-controls,.bulk-controls{justify-content:center}.branches-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.dashboard-controls{padding:20px}.branches-grid{grid-template-columns:1fr;padding:0 10px}.branch-card{padding:20px}.current-rates{grid-template-columns:1fr}.modal{width:95%;margin:10px;max-height:90vh}.modal-header,.modal-body,.modal-footer{padding:20px}.bulk-controls{flex-direction:column}.filter-controls{flex-direction:column;align-items:flex-start;gap:8px}.country-filter{width:100%;min-width:auto}}.common-rates-section{margin:20px 20px 30px;padding:20px;background:var(--background-primary);border-radius:12px;border:2px solid var(--primary-one);box-shadow:var(--shadow-small)}.common-rates-section h4{margin:0 0 15px;color:var(--text-primary);font-size:16px;font-weight:600}.common-rates-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:10px}.common-rate-item{display:flex;align-items:center;gap:8px}.common-rate-item label{font-weight:600;color:var(--text-primary);min-width:30px;font-size:13px}.common-rate-input{flex:1;padding:8px 10px;border:1px solid var(--border-primary);border-radius:4px;font-size:14px;background:var(--background-primary);color:var(--text-primary)}.common-rate-input:focus{outline:none;border-color:var(--primary-one);box-shadow:0 0 0 2px #667eea1a}.common-rates-hint{margin:0;font-size:12px;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.common-rates-inputs{grid-template-columns:repeat(2,1fr);gap:12px}.common-rates-section{margin:20px 10px 30px;padding:16px}}@media (max-width: 480px){.common-rates-inputs{grid-template-columns:1fr}}.editable-rates{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.rates-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rate-input-item{display:flex;align-items:center;gap:6px}.rate-input-item label{font-weight:600;color:var(--text-primary);min-width:30px}.input-with-currency{display:flex;align-items:center;gap:4px;flex:1}.rate-input{flex:1;padding:5px 8px;border:1px solid var(--border-primary);border-radius:4px;font-size:13px;background:var(--background-primary);color:var(--text-primary);min-width:0}.rate-input:focus{outline:none;border-color:var(--primary-one);box-shadow:0 0 0 2px #667eea1a}.input-with-currency .currency-label{font-size:14px!important;color:var(--text-secondary);font-weight:500;min-width:28px;text-align:center}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:disabled{background:var(--text-secondary);border-color:var(--text-secondary)}@media (max-width: 768px){.rates-row{grid-template-columns:1fr;gap:8px}.rate-input-item{gap:8px}.rate-input-item label{min-width:35px}}.branch-actions{display:flex;gap:8px;margin-top:16px}.btn-tertiary{background:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-tertiary:hover{background:var(--background-primary);border-color:var(--primary-one)}@media (max-width: 480px){.branch-actions{flex-direction:column;gap:8px}.branch-actions .btn{width:100%}}.rate-display{font-family:Arial,sans-serif;background:linear-gradient(to right,#79174a,#381229);color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;padding:20px 0 0}.rate-display:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.03) 0%,transparent 50%);pointer-events:none}.display-header{text-align:center;margin-bottom:10px;z-index:1}.content-container{width:100%;background:linear-gradient(to right,#96235c,#7c154a);box-shadow:0 15px 40px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);z-index:1;display:flex;flex-direction:column;justify-content:flex-start}.brand-logo{display:flex;align-items:center;justify-content:center;gap:20px}.display-logo-image{height:200px;width:auto;filter:brightness(1.1) drop-shadow(0 0 20px rgba(255,255,255,.3));transition:all .3s ease}.display-logo-image:hover{filter:brightness(1.2) drop-shadow(0 0 25px rgba(255,255,255,.4));transform:scale(1.02)}.logo-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,gold,#ffc107);display:flex;align-items:center;justify-content:center;box-shadow:0 0 30px #ffd7004d;border:3px solid rgba(255,255,255,.2)}.logo-initial{font-size:40px;font-weight:700;color:#000}.brand-info{text-align:left}.brand-name{font-size:48px;font-weight:700;color:#fff;margin:0;text-shadow:0 0 20px rgba(255,255,255,.3);letter-spacing:2px}.brand-subtitle{font-size:18px;color:#f0f0f0;margin:5px 0 0;font-weight:300;letter-spacing:3px}.update-info{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;font-size:35px;color:#ccc;z-index:1}.update-text{color:#f5f5f5}.time-separator{color:#a89874}.current-time{color:#fff;font-weight:700;background:#fff0;padding:5px 10px;border-radius:5px;border:1px solid rgba(255,255,255,0)}.rates-display{flex:1;display:flex;align-items:center;justify-content:center;z-index:1;padding:20px 10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.rates-table{width:100%;max-width:1200px}.table-header-wrapper{background-color:#500d36}.table-header{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin-bottom:3px}.header-cell{text-align:center;font-weight:700;font-size:35px;background-color:#a89874;color:#e2dfd8;text-shadow:0 0 10px rgba(201,176,55,.5);padding:30px 20px;display:flex;align-items:center;justify-content:center;min-height:150px}.karat-header{background-color:#a89874;color:#e2dfd8;font-size:35px}.table-body{padding:0}.table-row-wrapper{background-color:#a89874}.table-row{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;align-items:stretch}.body-cell{text-align:center;padding:30px 20px;display:flex;align-items:center;justify-content:center;min-height:100px}.rate-label{font-size:35px;font-weight:700;color:#a89874;background-color:#500d36;padding:30px 20px;border:1px solid rgba(201,176,55,.3);display:flex;align-items:center;justify-content:center;min-height:150px}.rate-value{background-color:#500d36;color:#a89874;padding:30px 20px;border:1px solid rgba(201,176,55,0);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.currency-label{font-size:35px;font-weight:700;margin-bottom:5px;letter-spacing:1px}.rate-amount{font-size:35px;font-weight:700;text-shadow:0 0 10px rgba(255,255,255,.3)}.display-footer{margin-top:30px;text-align:center;z-index:1}.branch-info{display:flex;flex-direction:column;gap:10px;align-items:center}.country-name{font-size:18px;color:#c9b037;font-weight:700;text-transform:uppercase;letter-spacing:2px}.last-update{font-size:12px;color:#ccc;font-style:italic}.display-loading,.display-error{font-family:Arial,sans-serif;background:linear-gradient(135deg,#8b1538,#b8336a,#8b1538);color:#fff;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.loading-text{font-size:24px;color:#c9b037;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}.error-text{font-size:28px;color:#ff6b6b;margin-bottom:10px;font-weight:700}.error-subtext{font-size:16px;color:#ccc}@keyframes pulse{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}@media (max-width: 1024px){.rates-table{min-width:600px}.brand-name{font-size:36px}.rate-amount{font-size:20px}}@media (max-width: 768px){.rate-display{padding:20px}.rates-table{min-width:100%}.table-header,.table-row{grid-template-columns:80px repeat(4,1fr);gap:10px}.brand-logo{flex-direction:column;gap:10px}.brand-name{font-size:28px}.rate-amount{font-size:18px}.header-cell,.body-cell{font-size:14px}}@media (max-width: 480px){.table-header,.table-row{grid-template-columns:60px repeat(4,1fr);gap:5px}.rate-value{padding:10px 5px}.brand-name{font-size:24px}.rate-amount{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-one: #9A0056;--primary-two: #F5EAF0;--primary-three: #D22D80;--primary-four: #570C32;--plum-gradients-one: #D0187E;--plum-gradients-two: #622242;--plum-gradients-three: #8F1F5B;--plum-gradients-four: #940454;--secondary-beige-one: #F6EEE5;--secondary-beige-two: #FFFCF9;--secondary-beige-three: #F3EFE9;--secondary-beige-four: #D5C2AF;--secondary-lilac-one: #E3D8EB;--secondary-lilac-two: #F6F3FA;--secondary-lilac-three: #A48ABF;--secondary-lilac-four: #5D327E;--secondary-sage-green-one: #E8ECD0;--secondary-sage-green-two: #F3F4EA;--secondary-sage-green-three: #A6AB87;--secondary-sage-green-four: #404327;--secondary-sage-green-five: #6caf58;--secondary-dust-yellow-one: #F9F1D4;--secondary-dust-yellow-two: #FBF8EA;--secondary-dust-yellow-three: #F0E3AC;--secondary-dust-yellow-four: #DCC275;--secondary-dust-yellow-five: #fcf7f2;--bg-primary: var(--secondary-beige-two);--bg-secondary: var(--secondary-beige-one);--text-primary: var(--primary-four);--text-secondary: var(--plum-gradients-two);--accent-primary: var(--primary-one);--accent-secondary: var(--primary-three);--border-color: var(--secondary-beige-four);--success: var(--secondary-sage-green-five);--warning: var(--secondary-dust-yellow-four);--error: var(--primary-three)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:url(/assets/jally.png) repeat;background-size:100px 100px;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0}.app-header{background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);color:#fff;padding:1rem 2rem;box-shadow:0 2px 10px #0000001a}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700}.logo-icon{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-one);font-weight:700}.logo-image{height:45px;width:auto;transition:transform .2s ease}.logo:hover .logo-image{transform:scale(1.05)}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-item{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-item:hover{background-color:#ffffff1a}.user-menu{display:flex;align-items:center;gap:1rem}.user-info{text-align:right}.user-name{font-weight:500}.user-role{font-size:.8rem;opacity:.8}.header-actions{display:flex;align-items:center;gap:1rem}.btn-settings{background:#ffffff1a;color:#fff;border:none;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.btn-settings:hover{background:#fff3;transform:rotate(15deg) scale(1.05)}.btn-settings:active{transform:rotate(15deg) scale(.95)}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary-one) 0%,var(--plum-gradients-three) 100%);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #9a00564d}.btn-secondary{background-color:var(--secondary-beige-four);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--border-color)}.btn-success{background-color:var(--success);color:#fff}.btn-warning{background-color:var(--warning);color:var(--text-primary)}.btn-danger{background-color:var(--error);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.8rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary)}.form-input{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;transition:border-color .3s;background-color:#fff}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #9a00561a}.form-select{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:6px;font-size:1rem;background-color:#fff;cursor:pointer}.card{background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014;padding:2rem;margin-bottom:2rem}.card-header{border-bottom:2px solid var(--secondary-beige-one);padding-bottom:1rem;margin-bottom:1.5rem}.card-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.table-container{overflow-x:auto;background:#fff;border-radius:10px;box-shadow:0 4px 20px #00000014}.table{width:100%;border-collapse:collapse}.table th{background:linear-gradient(135deg,var(--primary-two) 0%,var(--secondary-lilac-one) 100%);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid var(--border-color)}.table td{padding:1rem;border-bottom:1px solid var(--secondary-beige-one)}.table tbody tr:hover{background-color:var(--secondary-beige-two)}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-header{margin-bottom:2rem}.page-title{font-size:2rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.text-center{text-align:center}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.alert{padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid}.alert-success{background-color:var(--secondary-sage-green-one);border-color:var(--success);color:var(--secondary-sage-green-four)}.alert-error{background-color:var(--secondary-lilac-one);border-color:var(--error);color:var(--error)}.alert-warning{background-color:var(--secondary-dust-yellow-one);border-color:var(--warning);color:var(--secondary-sage-green-four)}.hidden-mobile{display:block}.visible-mobile{display:none}.text-center-mobile{text-align:left}@media (max-width: 768px){.header-content,.nav-menu{flex-direction:column;gap:1rem}.page-container{padding:1rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.table-container{font-size:.9rem}.hidden-mobile{display:none}.visible-mobile{display:block}.text-center-mobile{text-align:center}}@media (max-width: 480px){.card{padding:1rem}.btn{width:100%;justify-content:center}.app-container{min-height:100vh}.main-content{padding:0}button,.btn,input[type=submit],input[type=button]{min-height:44px;padding:12px 16px}input,textarea,select{min-height:44px;font-size:16px}}.rate-display-content{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}