*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);min-height:100vh}.container-fluid{padding:0}.mdc-card{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:24px;margin-bottom:24px}.mdc-button{background:#1976d2;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-weight:400;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.mdc-button:hover{background:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(25,118,210,.4)}.mdc-button--danger{background:#f44336}.mdc-button--danger:hover{background:#d32f2f;box-shadow:0 4px 12px rgba(244,67,54,.4)}.mdc-button--secondary{background:#424242}.mdc-button--secondary:hover{background:#303030}.mdc-text-field{position:relative;margin-bottom:20px}.mdc-text-field input,.mdc-text-field select,.mdc-text-field textarea{width:100%;padding:16px 12px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s ease;background:0 0}.mdc-text-field input:focus,.mdc-text-field select:focus,.mdc-text-field textarea:focus{outline:0;border-color:#1976d2;box-shadow:0 0 0 2px rgba(25,118,210,.2)}.mdc-text-field label{position:absolute;top:16px;left:12px;font-size:14px;color:#666;transition:all .3s ease;pointer-events:none;background:#fff;padding:0 4px}.mdc-text-field input:focus+label,.mdc-text-field input:not(:placeholder-shown)+label,.mdc-text-field select:focus+label,.mdc-text-field select:not([value=""])+label,.mdc-text-field textarea:focus+label,.mdc-text-field textarea:not(:placeholder-shown)+label{top:-8px;font-size:12px;color:#1976d2}.mdc-text-field textarea{resize:vertical;min-height:100px;padding-top:20px}.mdc-text-field select{cursor:pointer}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 30px rgba(0,0,0,.12);text-align:center}.login-logo{font-size:2.5rem;color:#1976d2;margin-bottom:10px}.login-title{font-size:1.8rem;font-weight:500;color:#333;margin-bottom:30px}.dashboard{display:none}.sidebar{background:#1a1a1a;min-height:100vh;padding:20px 0;position:fixed;width:250px;left:0;top:0;z-index:1000}.sidebar-header{padding:20px;text-align:center;border-bottom:1px solid #333;margin-bottom:30px}.sidebar-logo{color:#1976d2;font-size:1.5rem;font-weight:500}.sidebar-nav{list-style:none;padding:0}.sidebar-nav li{margin-bottom:5px}.sidebar-nav a{display:flex;align-items:center;padding:15px 20px;color:#ccc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.sidebar-nav a.active,.sidebar-nav a:hover{background:#333;color:#1976d2;border-left-color:#1976d2}.sidebar-nav .material-icons{margin-right:12px}a[data-section=data-bank],a[data-section=data-bank]:parent,li:has(a[data-section=data-bank]){display:none!important}.role-superadmin a[data-section=data-bank],.role-superadmin li:has(a[data-section=data-bank]){display:block!important}a[data-section=data-bank],li:has(a[data-section=data-bank]){display:none!important}.role-superadmin a[data-section=data-bank],.role-superadmin li:has(a[data-section=data-bank]),body.role-superadmin a[data-section=data-bank],body.role-superadmin li:has(a[data-section=data-bank]){display:block!important}[data-section=data-bank]{display:none!important}.role-superadmin [data-section=data-bank],body.role-superadmin [data-section=data-bank]{display:block!important}.has-submenu>.submenu{display:none;padding-left:20px}.has-submenu.open>.submenu{display:block}.submenu .nav-link{font-size:14px;padding-left:32px}.submenu-icon{float:right;font-size:16px;transition:transform .3s ease}.has-submenu.open .submenu-icon{transform:rotate(180deg)}.main-content{margin-left:250px;padding:20px}.header{background:#fff;padding:20px;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center}.header-title{font-size:1.8rem;font-weight:500;color:#333}.logout-btn{background:0 0;border:none;color:#666;cursor:pointer;padding:8px;border-radius:50%;transition:all .3s ease}.logout-btn:hover{background:#f5f5f5;color:#f44336}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2rem;margin-bottom:12px}.stat-card.total .stat-icon{color:#1976d2}.stat-card.onsite .stat-icon{color:#4caf50}.stat-card.remote .stat-icon{color:#ff9800}.stat-card.hybrid .stat-icon{color:#ff2892}.stat-number{font-size:2rem;font-weight:700;color:#333;margin-bottom:8px}.stat-label{color:#666;font-weight:500}.content-section{display:none}.content-section.active{display:block}.intern-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1)}.table-header{background:#f8f9fa;padding:20px;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.table-title{font-size:1rem;font-weight:500;color:#333}.search-box{top:0;margin-left:1rem;position:relative;width:300px}.search-box input{width:100%;padding:10px 40px 10px 16px;border:1px solid #ddd;border-radius:25px;font-size:14px}.search-box .material-icons{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666}.mdc-select__menu{z-index:1000!important}.table-responsive{max-height:600px;overflow-y:auto}table{width:100%;border-collapse:collapse}td,th{padding:16px;text-align:left;border-bottom:1px solid #dee2e6}th{background:#f8f9fa;font-weight:400;color:#333;position:sticky;top:0;z-index:10}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.priority-row{background-color:#d1faff!important}.status-onsite{background:#e8f5e8;color:#2e7d32}.status-dropped{background:#e8f5e8;color:#b92d2d}.status-remote{background:#fff3e0;color:#f57c00}.status-hybrid{background:#ffebee;color:#c62892}.status-online{background:#e8f5e8;color:#2e3098}.status-offline{background:#fff3e0;color:#f50031}.action-buttons{display:flex;gap:6px}.btn-icon{padding:6px;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn-edit{background:#e3f2fd;color:#1976d2}.btn-edit:hover{background:#1976d2;color:#fff}.btn-delete{background:#ffebee;color:#f44336}.btn-delete:hover{background:#f44336;color:#fff}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background:#fff;padding:30px;border-radius:8px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;position:relative}.modal-body{padding:2rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-title{font-size:1.5rem;font-weight:500;color:#333}.close-btn{background:0 0;border:none;font-size:18px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.close-btn:hover{background:#f5f5f5;color:#333}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .mdc-text-field{margin-bottom:0}.full-width{grid-column:1/-1}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.pagination-controls button{min-width:100px;font-weight:500}.menu-toggle{display:none;background:0 0;border:none;color:#666;cursor:pointer;padding:8px;border-radius:4px;transition:all .3s ease}.menu-toggle:hover{background:#f5f5f5;color:#333}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999;backdrop-filter:blur(2px)}.sidebar-overlay.show{display:block}.totalCount{color:#6c757d;text-align:center;padding:5px;padding-right:20px;background-color:#f8f9fa;font-size:14px;font-weight:700;margin-right:20px;padding-top:8px;padding-bottom:8px}@media (max-width:768px){.menu-toggle{display:block}.sidebar{transform:translateX(-100%);transition:transform .3s ease;z-index:1001}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0}.header{padding:15px 20px}.header-title{font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:15px}.form-grid{grid-template-columns:1fr}.search-box{width:100%;margin-top:10px;margin-left:0}.table-header{flex-direction:column;align-items:stretch;gap:15px}.table-header>div{flex-direction:column;align-items:stretch}.table-title{margin-bottom:15px}.table-responsive{overflow-x:auto}table{min-width:800px}.modal-content{width:95%;max-width:none;margin:20px;padding:20px}.form-actions{flex-direction:column;gap:10px}.form-actions button{width:100%}#filterBar{flex-direction:column;align-items:stretch}#filterBar .dropdown,#filterBar button{width:100%;min-width:auto}}@media (max-width:480px){.login-card{padding:30px 20px}.stat-card{padding:20px}.stat-number{font-size:1rem}.header{padding:10px 15px}.main-content{padding:15px}td,th{padding:12px 8px;font-size:14px}.action-buttons{flex-direction:column;gap:4px}.btn-icon{padding:8px;font-size:12px}}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.search-box{width:100%;margin-top:10px}.table-header{flex-direction:column;align-items:stretch}}.loading{text-align:center;padding:40px;color:#666}.spinner{border:3px solid #f3f3f3;border-top:3px solid #1976d2;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}