@tailwind base;@tailwind components;@tailwind utilities;.landing-container{background-color:#f5f7f9;min-height:100vh}.main-content{min-width:0}.page-content{flex:1 1;overflow-y:auto;padding:20px}.footer{background-color:#2c3e50;color:#fff;margin-top:auto}@media (max-width:768px){.page-content{padding:15px}}body,html{margin:0;padding:0}body{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fad0c4 25%,#fbc2eb 50%,#a1c4fd 75%,#c2e9fb);font-family:Arial,sans-serif;min-height:100vh;padding:1rem}.boi-container,body{box-sizing:border-box;display:flex;justify-content:center}.boi-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000026;flex-direction:column;max-width:400px;padding:1.25rem;width:100%}.bank-title{color:#6d1b7b;font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.boi-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.boi-tabs button{background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;padding:.625rem;transition:background .3s}.boi-tabs button.active{background:#e91e63;color:#fff}.boi-tabs button:hover{background:#f06292;color:#fff}.boi-form{display:flex;flex-direction:column;gap:.625rem}.boi-form h2{font-size:1.1rem;margin-bottom:.625rem;text-align:center}.boi-form input{border:1px solid #ccc;border-radius:6px;font-size:.9rem;padding:.625rem}.boi-form button{background:#ff6f61;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;padding:.625rem;transition:background .3s}.boi-form button:hover{background:#ff3d2e}.captcha-container{align-items:center;display:flex;flex-wrap:wrap;gap:.625rem}.captcha-text{background:#ffe0b2;border-radius:4px;font-family:monospace;font-size:.9rem;font-weight:700;letter-spacing:2px;padding:.5rem .75rem}.refresh-btn{background:#ffcc80;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.3rem .6rem}.refresh-btn:hover{background:#ffb74d}.forgot-link{color:#e91e63;cursor:pointer;font-size:.8rem;margin-top:.3rem;text-align:center;text-decoration:underline}.forgot-link:hover{color:#ad1457}@media (min-width:1920px){.boi-container{max-width:450px;padding:1.5rem}.bank-title{font-size:1.6rem}.boi-form button,.boi-form input{font-size:1rem;padding:.75rem}}@media (min-width:1440px) and (max-width:1919px){.boi-container{max-width:420px;padding:1.4rem}.bank-title{font-size:1.5rem}.boi-tabs button{font-size:.95rem;padding:.7rem}}@media (min-width:1024px) and (max-width:1439px){.boi-container{max-width:400px}.bank-title{font-size:1.4rem}.boi-form button,.boi-form input{font-size:.95rem;padding:.7rem}}@media (min-width:769px) and (max-width:1023px){.boi-container{max-width:85%;padding:1.2rem}.bank-title{font-size:1.35rem}.boi-tabs button{font-size:.9rem;padding:.65rem}.captcha-container{justify-content:space-between}}@media (max-width:768px){.boi-container{max-width:90%}.bank-title{font-size:1.3rem}.boi-tabs{gap:.4rem}.boi-tabs button{min-width:80px}}@media (min-width:600px) and (max-width:767px){body{padding:.8rem}.boi-container{max-width:95%;padding:1.1rem}.bank-title{font-size:1.25rem}.boi-tabs button{font-size:.85rem;padding:.55rem}.boi-form button,.boi-form input{font-size:.9rem;padding:.6rem}}@media (min-width:481px) and (max-width:599px){body{padding:.7rem}.boi-container{border-radius:10px;padding:1rem}.bank-title{font-size:1.2rem;margin-bottom:1rem}.boi-tabs button{font-size:.82rem;padding:.52rem}.boi-form button,.boi-form input{font-size:.87rem;padding:.55rem}.captcha-text{font-size:.85rem}}@media (max-width:480px){body{padding:.5rem}.boi-container{border-radius:8px;max-width:100%;padding:1rem}.bank-title{font-size:1.2rem;margin-bottom:1rem}.boi-tabs{gap:.3rem}.boi-tabs button{font-size:.8rem;min-width:70px;padding:.5rem}.boi-form button,.boi-form input{font-size:.85rem;padding:.5rem}.captcha-text{font-size:.8rem;letter-spacing:1.5px}.captcha-container{flex-direction:column;gap:.5rem}.refresh-btn{align-self:center;padding:.4rem .7rem}}@media (max-width:375px){body{padding:.3rem}.boi-container{border-radius:6px;padding:.8rem}.bank-title{font-size:1.1rem;margin-bottom:.8rem}.boi-tabs button{font-size:.75rem;min-width:65px;padding:.4rem}.boi-form{gap:.5rem}.boi-form button,.boi-form input{font-size:.8rem;padding:.45rem}.captcha-text{font-size:.75rem;padding:.4rem .6rem}}@media (max-width:320px){body{padding:.2rem}.boi-container{padding:.6rem}.bank-title{font-size:1rem;margin-bottom:.6rem}.boi-tabs{gap:.2rem}.boi-tabs button{font-size:.7rem;min-width:60px;padding:.35rem}.boi-form button,.boi-form input{font-size:.75rem;padding:.4rem}.captcha-text{font-size:.7rem;letter-spacing:1px}.forgot-link{font-size:.75rem}}@media screen and (max-height:500px) and (orientation:landscape){body{padding:.5rem}.boi-container{max-width:450px;padding:1rem}.bank-title{font-size:1.1rem;margin-bottom:.8rem}.boi-form{gap:.4rem}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi){.boi-container{box-shadow:0 8px 25px #0000002e}}.page-layout{font-family:Arial,sans-serif;padding:20px}.performance-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;gap:10px;margin-bottom:20px;padding:20px}.charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:20px}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.chart-container h3{margin:0 0 15px}.overview-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.overview-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.overview-card h4{margin:10px 0 5px}.overview-card p{font-size:2em;font-weight:700;margin:10px 0}.overview-card small{color:#666}.module-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:20px}.module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.module-header h2{align-items:center;display:flex;gap:10px;margin:0}.btn-add-branch{align-items:center;background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:10px 20px}.btn-add-branch:hover{background:#5568d3}.btn-add-branch:disabled{cursor:not-allowed;opacity:.6}.filters{gap:10px}.search-box{min-width:250px}.search-box svg{left:10px}.search-box input{padding:10px 10px 10px 35px}.filters select,.search-box input{border:1px solid #ddd;border-radius:5px}.filters select{padding:10px}.table-container{overflow-x:auto}.table-container table{border-collapse:collapse;width:100%}.table-container thead tr{background:#f5f5f5}.table-container th{border-bottom:2px solid #ddd;font-weight:700;padding:12px;text-align:left}.table-container td{padding:12px}.table-container tbody tr{border-bottom:1px solid #eee}.table-container tbody tr.head-office{background:#f0f8ff}.table-container tbody tr.sub-branch{background:#fff}.branch-type-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:.85em;gap:5px;padding:4px 8px}.branch-type-badge.head{background:gold}.branch-type-badge.sub{background:#e0e0e0}.ifsc-code{background:#f5f5f5;border-radius:4px;font-family:monospace;padding:4px 8px}.location-cell{align-items:center;display:flex;gap:5px}.manager-cell div{display:flex;flex-direction:column}.manager-cell strong{margin-bottom:2px}.manager-cell small{color:#666;display:block}.contact-cell{align-items:center;display:flex;gap:5px}.status-badge{border-radius:12px;font-size:.85em;font-weight:700;padding:4px 12px;text-transform:capitalize}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{gap:5px}.btn-edit{background:#667eea;border:none;border-radius:4px;cursor:pointer;padding:8px 12px}.btn-edit:hover{background:#5568d3}.btn-delete{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.btn-delete:hover{background:#c82333}.btn-status{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.btn-status.deactivate{background:#ffc107}.btn-status.deactivate:hover{background:#e0a800}.btn-status.activate{background:#28a745}.btn-status.activate:hover{background:#218838}.modal-content{border-radius:10px;max-width:1200px;overflow:auto;padding:30px}.modal-header{border-bottom:2px solid #eee;margin-bottom:20px;padding-bottom:15px}.btn-close{background:none;color:#999;font-size:24px}.btn-close:hover{color:#333}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-section h4{color:#667eea}.form-group,.form-section h4{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-family:Arial,sans-serif;padding:10px;width:100%}.form-group input:disabled,.form-group select:disabled{background:#f0f0f0}.form-group input.error,.form-group select.error,.form-group textarea.error{border:2px solid #dc3545}.form-group small{color:#666;display:block;margin-top:3px}.error-message{color:#dc3545;display:block;font-size:.85em;margin-top:3px}.address-section{background:#f9f9f9;border-radius:8px;margin-top:30px;padding:20px}.address-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.address-full{grid-column:span 3}.services-section{background:#f9f9f9;border-radius:8px;margin-top:30px;padding:20px}.services-grid{grid-gap:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.service-checkbox{align-items:center;background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;display:flex;gap:8px;padding:8px}.service-checkbox input{cursor:pointer}.form-actions{border-top:2px solid #eee;gap:10px;padding-top:20px}.btn-submit{align-items:center;background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 30px}.btn-submit:hover{background:#5568d3}.btn-submit:disabled{cursor:not-allowed;opacity:.6}.btn-cancel{align-items:center;background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:12px 30px}.btn-cancel:hover{background:#5a6268}.empty-cell,.loading-cell{padding:20px;text-align:center}.branch-name-cell{align-items:center;display:flex;gap:8px}.modal-overlay{background:#0000008c;height:100%;padding:20px;width:100%;z-index:9999}.modal-content.view-modal{animation:popupFade .25s ease;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;max-height:90vh;max-width:900px;overflow-y:auto;padding-bottom:20px;width:90%}@keyframes popupFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e5e5;padding:18px 25px}.modal-header h3{align-items:center;display:flex;font-size:20px;font-weight:600;gap:10px}.btn-close{background:#0000;border:none;color:#444;cursor:pointer;font-size:22px;transition:.2s}.btn-close:hover{color:#e63946}.view-details-body{line-height:1.7;padding:25px}.view-details-body h4{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:15px;margin-top:25px}hr{border:none;border-top:1px solid #e2e2e2;margin:20px 0}.detail-row{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.detail-icon{color:#4a4ae0;font-size:18px;text-align:center;width:25px}.detail-label{color:#333;font-weight:600;min-width:150px}.detail-value{color:#444;flex:1 1;font-size:15px}.services-grid{display:flex;flex-wrap:wrap;gap:10px}.service-tag{background:#f0f4ff;border:1px solid #d0d8ff;border-radius:20px;color:#333;font-size:14px;padding:6px 12px}.modal-footer{border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:15px 25px}.btn-cancel,.btn-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:10px 16px}.btn-edit{background:#4a4ae0;color:#fff}.btn-edit:hover{background:#3d3dd3}.btn-cancel{background:#f3f3f3;color:#333}.btn-cancel:hover{background:#e1e1e1}@media (max-width:600px){.modal-content.view-modal{border-radius:0;height:100%;width:100%}.detail-label{min-width:120px}.modal-header h3{font-size:17px}}.kyc-management{background:#f8f9fa;min-height:100vh;padding:20px}.kyc-header{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;justify-content:space-between;margin-bottom:30px;padding:20px}.header-left,.kyc-header{align-items:center;display:flex}.header-left{gap:15px}.header-icon{color:#007bff;font-size:2rem}.kyc-header h1{color:#333;font-size:1.8rem;margin:0}.add-btn{align-items:center;background:linear-gradient(45deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px;transition:transform .2s}.add-btn:hover{transform:translateY(-2px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{border-left:5px solid;text-align:center}.stat-card.pending{border-left-color:#ffc107}.stat-card.approved{border-left-color:#28a745}.stat-card.rejected{border-left-color:#dc3545}.stat-card.high-risk{border-left-color:#fd7e14}.stat-number{font-size:2rem}.stat-label{margin-top:5px}.controls-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.tab.active{border-bottom-color:#007bff;color:#007bff}.filters{display:flex;flex-wrap:wrap;gap:15px}.search-box{flex:1 1;min-width:300px;position:relative}.search-box svg{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{font-size:14px;padding:12px 12px 12px 40px;width:100%}.filter-select,.search-box input{border:2px solid #e9ecef;border-radius:8px}.filter-select{background:#fff;cursor:pointer;padding:12px}.kyc-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.kyc-table{border-collapse:collapse;width:100%}.kyc-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:15px;text-align:left}.kyc-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.customer-info{align-items:center;display:flex;gap:10px}.customer-icon{color:#007bff}.customer-name{color:#333;font-weight:600}.customer-id{color:#666;font-size:.9rem}.document-info{display:flex;flex-direction:column}.document-number{color:#666;font-size:.9rem}.date-info{align-items:center;color:#666;display:flex;gap:8px}.risk-badge,.status-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.action-buttons{display:flex;gap:8px}.action-btn{border-radius:6px;padding:8px}.action-btn:hover{transform:scale(1.1)}.action-btn.view{background:#17a2b8}.action-btn.approve{background:#28a745}.action-btn.reject{background:#dc3545}.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:15px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-content.large{max-width:800px}.modal-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding:20px}.modal-header h3{color:#333;margin:0}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem}.kyc-form{padding:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#333;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff;outline:none}.file-input{padding:8px!important}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.cancel-btn{background:#6c757d}.cancel-btn,.submit-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;padding:12px 20px}.submit-btn{background:linear-gradient(45deg,#007bff,#0056b3);font-weight:600}.customer-details{padding:20px}.details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.detail-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.detail-item label{color:#333;font-weight:600}.documents-section{margin:20px 0}.documents-list{display:flex;flex-direction:column;gap:10px}.document-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:10px;padding:10px}.download-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:auto;padding:6px}.notes-section{margin:20px 0}.action-section{display:flex;gap:15px;justify-content:center;margin-top:30px}.approve-btn{background:#28a745}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 20px}.reject-btn{background:#dc3545}.aml-monitoring{background:#f8f9fa;min-height:100vh;padding:20px}.aml-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.header-actions{display:flex;gap:10px}.action-btn{align-items:center;background:linear-gradient(45deg,#dc3545,#c82333);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 15px;transition:transform .2s}.action-btn:hover{transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px}.stat-card.critical{border-left:5px solid #dc3545}.stat-card.high{border-left:5px solid #fd7e14}.stat-card.open{border-left:5px solid #17a2b8}.stat-card.transactions{border-left:5px solid #6f42c1}.stat-icon{color:#666;font-size:2rem}.stat-content{flex:1 1}.stat-number{color:#333;font-size:1.8rem;font-weight:700}.stat-label{color:#666;font-size:.9rem}.tabs-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.tabs{border-bottom:2px solid #e9ecef;gap:10px;margin-bottom:20px}.tab,.tabs{display:flex}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-weight:600;gap:8px;padding:12px 20px;transition:all .3s}.tab.active{border-bottom-color:#dc3545;color:#dc3545}.alerts-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.alerts-table{border-collapse:collapse;width:100%}.alerts-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#333;font-weight:600;padding:15px;text-align:left}.alerts-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.alert-row.critical{background:#dc35450d}.alert-row.high{background:#fd7e140d}.alert-type{align-items:center;display:flex;font-weight:600;gap:8px}.amount-info{color:#333;font-weight:600}.amount-info.large{color:#dc3545;font-size:1.1rem}.priority-badge{border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.risk-score{align-items:center;display:flex;gap:10px}.score-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:60px}:root{--sidebar-width:280px;--sidebar-collapsed-width:70px;--primary-color:#2c3e50;--primary-dark:#1a252f;--primary-light:#3498db;--gradient-start:#f5f7fa;--gradient-end:#c3cfe2;--card-hover-shadow:0 10px 20px #0000001a;--transition-speed:0.3s;--border-radius:12px;--box-shadow:0 4px 6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:16px;height:100%;line-height:1.5}.landing-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));display:flex;height:100vh;overflow:hidden;position:relative;width:100vw}.sidebar{background-color:#2c3e50;background-color:var(--primary-color);box-shadow:2px 0 10px #0000001a;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;min-width:280px;min-width:var(--sidebar-width);overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:280px;width:var(--sidebar-width);z-index:1000}.sidebar.closed{min-width:70px;min-width:var(--sidebar-collapsed-width);width:70px;width:var(--sidebar-collapsed-width)}.sidebar-header{align-items:center;background-color:#1a252f;background-color:var(--primary-dark);display:flex;flex-shrink:0;justify-content:space-between;min-height:80px;padding:24px 20px}.sidebar-header h2{font-size:1.3rem;font-weight:600;overflow:hidden;transition:all .3s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.sidebar.closed .sidebar-header h2{opacity:0;transform:translateX(-20px);width:0}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:30px;justify-content:center;min-width:30px;padding:5px;transition:all .3s ease;transition:all var(--transition-speed) ease}.sidebar-toggle:hover{background-color:#ffffff1a;transform:scale(1.1)}.sidebar.closed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-toggle .toggle-icon{transition:transform .3s ease;transition:transform var(--transition-speed) ease}.sidebar.closed .sidebar-toggle .toggle-icon{transform:rotate(180deg)}.sidebar nav{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 0}.sidebar nav a{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.95rem;font-weight:500;margin:2px 10px;overflow:hidden;padding:14px 20px;position:relative;text-decoration:none;transition:all .3s ease;transition:all var(--transition-speed) ease;white-space:nowrap}.sidebar nav a:hover{background-color:#3498db;background-color:var(--primary-light);transform:translateX(2px)}.sidebar nav a .icon{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem;justify-content:center;margin-right:15px;min-width:24px;text-align:center}.sidebar nav a .text{overflow:hidden;transition:all .3s ease;transition:all var(--transition-speed) ease}.sidebar.closed nav a .text{opacity:0;transform:translateX(-10px);width:0}.sidebar.closed nav a{justify-content:center;margin:2px 5px;padding:14px 10px}.sidebar.closed nav a .icon{margin-right:0}.sidebar.closed nav a{position:relative}.sidebar.closed nav a:after{background-color:#1a252f;background-color:var(--primary-dark);border-radius:6px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(data-tooltip);font-size:.85rem;left:calc(100% + 15px);padding:8px 12px;white-space:nowrap}.sidebar.closed nav a:after,.sidebar.closed nav a:before{opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;transition:all var(--transition-speed) ease;visibility:hidden;z-index:1001}.sidebar.closed nav a:before{border-bottom:6px solid #0000;border-right:6px solid #1a252f;border-right:6px solid var(--primary-dark);border-top:6px solid #0000;content:"";height:0;left:calc(100% + 5px);width:0}.sidebar.closed nav a:hover:after,.sidebar.closed nav a:hover:before{opacity:1;visibility:visible}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:280px;margin-left:var(--sidebar-width);overflow:hidden;transition:all .3s ease;transition:all var(--transition-speed) ease;width:calc(100vw - 280px);width:calc(100vw - var(--sidebar-width))}.sidebar.closed~.main-content{margin-left:70px;margin-left:var(--sidebar-collapsed-width);width:calc(100vw - 70px);width:calc(100vw - var(--sidebar-collapsed-width))}.top-navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#fffffff2;border-bottom:1px solid #e0e0e04d;flex-shrink:0;height:80px;justify-content:space-between;padding:20px 30px;z-index:100}.nav-left,.top-navbar{align-items:center;display:flex}.nav-left{gap:15px}.mobile-menu-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#2c3e50;color:var(--primary-color);cursor:pointer;display:none;font-size:1.3rem;height:40px;justify-content:center;min-width:40px;padding:8px;transition:all .3s ease;transition:all var(--transition-speed) ease}.mobile-menu-toggle:hover{background-color:#2c3e501a;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.nav-left h1{font-size:1.4rem;font-weight:700}.nav-left h1,.user-info{color:#1a252f;color:var(--primary-dark)}.user-info{font-size:.95rem;font-weight:600;gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#3498db;background-color:var(--primary-light);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.cards-container{grid-gap:16px;background:#f7f8fa;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));height:calc(100vh - 140px);overflow-y:auto;padding:16px}.card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #00000014;color:#333;display:flex;flex-direction:column;justify-content:flex-start;padding:16px;position:relative;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.card:before{background:linear-gradient(90deg,#3498db,#2c3e50);background:linear-gradient(90deg,var(--primary-light,#74b9ff),var(--primary-color,#0984e3));border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.card:hover:before{transform:scaleX(1)}.card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.card-icon{color:#2c3e50;color:var(--primary-color,#0984e3);font-size:2rem;margin-bottom:12px;transition:color .3s ease,transform .3s ease}.card:hover .card-icon{color:#2d3436;transform:scale(1.15)}.card-title{color:#2d3436;font-size:1.1rem;font-weight:600;margin-bottom:8px}.card-description{word-wrap:break-word;color:#636e72;font-size:.9rem;line-height:1.4;max-width:90%;overflow-wrap:break-word}@media (max-width:1024px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-container{gap:18px;grid-template-columns:repeat(2,1fr)}.card{padding:22px 16px}.card-icon{font-size:2.2rem}.card-title{font-size:1.1rem}.card-description{font-size:.85rem;max-width:100%}}@media (max-width:480px){.cards-container{grid-template-columns:1fr}.card{padding:20px}.card-description{font-size:.8rem;line-height:1.3}}.footer{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ffffffe6;border-top:1px solid #e0e0e04d;color:#666;display:flex;flex-shrink:0;font-size:.9rem;height:60px;justify-content:center;padding:15px;text-align:center}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;visibility:hidden;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}.card.loading{opacity:.7;pointer-events:none}.card.loading .card-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (min-width:1200px){.cards-container{gap:30px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:calc(100vh - 140px);padding:40px}.card{padding:30px 25px}.card-icon{font-size:3rem}}@media (max-width:1199px) and (min-width:992px){:root{--sidebar-width:260px}.cards-container{gap:25px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:calc(100vh - 140px)}}@media (max-width:991px) and (min-width:769px){:root{--sidebar-width:240px}.top-navbar{padding:16px 20px}.nav-left h1{font-size:1.2rem}.cards-container{gap:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;min-height:calc(100vh - 140px);overflow-y:auto;padding:25px}.card{min-height:180px;padding:25px 20px}.card-icon{font-size:2.4rem}}@media (max-width:768px){.landing-container{height:100vh;overflow:hidden}.sidebar{min-width:280px;min-width:var(--sidebar-width);transform:translateX(-100%);width:280px;width:var(--sidebar-width);z-index:1001}.sidebar.open{transform:translateX(0)}.sidebar.closed{transform:translateX(-100%)}.main-content{height:100vh;margin-left:0!important;width:100vw!important}.mobile-menu-toggle{display:flex}.nav-left h1{font-size:1.1rem}.top-navbar{height:70px;padding:15px 20px}.cards-container{gap:16px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:calc(100vh - 130px);min-height:auto;overflow-y:auto;padding:20px}.card{min-height:140px;padding:20px 15px}.card-icon{font-size:2.2rem;margin-bottom:12px}.card-title{font-size:1rem}.user-info .user-name{display:none}.footer{height:60px;padding:10px}.sidebar nav a:after,.sidebar nav a:before{display:none}}@media (max-width:576px){.top-navbar{height:60px;padding:12px 15px}.nav-left h1{font-size:1rem}.cards-container{gap:12px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:calc(100vh - 120px);overflow-y:auto;padding:15px}.card{border-radius:10px;min-height:120px;padding:15px 10px}.card-icon{font-size:1.8rem;margin-bottom:8px}.card-title{font-size:.9rem}.card-description,.footer{font-size:.8rem}.footer{height:60px;padding:10px}}@media (max-width:400px){.cards-container{gap:10px;grid-template-columns:1fr 1fr}.card{min-height:120px;padding:15px 10px}.card-icon{font-size:1.8rem;margin-bottom:8px}.card-title{font-size:.9rem}.nav-left h1{font-size:.95rem}.user-avatar{font-size:.8rem;height:32px;width:32px}}@media (max-height:500px) and (orientation:landscape){.sidebar nav{padding:10px 0}.sidebar nav a{padding:10px 20px}.card{min-height:100px;padding:12px 10px}.card-icon{font-size:1.6rem;margin-bottom:6px}.card-title{font-size:.85rem}.top-navbar{padding:8px 15px}}@supports (-webkit-touch-callout:none){body{height:-webkit-fill-available}.landing-container,.sidebar{min-height:-webkit-fill-available}.sidebar nav{padding-bottom:env(safe-area-inset-bottom)}.footer{padding-bottom:calc(20px + env(safe-area-inset-bottom))}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card{box-shadow:0 2px 4px #00000014}.card:hover{box-shadow:0 8px 16px #0000001f}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar.closed nav a:after,.sidebar.closed nav a:before{display:none}}
/*# sourceMappingURL=main.0e2e1fa7.css.map*/