@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap);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}body{background:#f5f7fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.loading-screen{align-items:center;background:linear-gradient(135deg,#1a3a7f,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:600;justify-content:center;min-height:100vh}header{background-color:#282c34;color:#fff;padding:20px;text-align:center}main{margin:20px}.supervisor-layout{background:#f5f7fa;flex-direction:column}*{box-sizing:border-box;margin:0;padding:0}.auth-page{align-items:center;background:linear-gradient(#0a142899,#0a142899),url(/static/media/Pge%20Lahendong.9659dc6704d502d52195.jpeg) no-repeat 50% /cover;display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh;position:relative}.language-toggle{align-items:center;background:#ffffffeb;border:1px solid #dbe3f4;border-radius:9999px;display:inline-flex;gap:6px;padding:6px 8px;position:absolute;right:14px;top:14px;z-index:30}.language-toggle span{color:#374151;font-size:11px;font-weight:600}.language-toggle button{background:#fff;border:1px solid #cfd7ea;border-radius:9999px;color:#1a3a7f;cursor:pointer;font-size:11px;font-weight:600;padding:3px 10px}.language-toggle button.active{background:#1a3a7f;border-color:#1a3a7f;color:#fff}.auth-container{background:#fff;border-radius:12px;box-shadow:0 14px 28px #0000004d,0 10px 10px #00000038;max-width:95vw;min-height:520px;overflow:hidden;position:relative;width:820px}.form-container{height:100%;position:absolute;top:0;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.auth-container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.auth-container.right-panel-active .sign-up-container{animation:showPanel .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes showPanel{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}form{align-items:center;background:#fff;display:flex;flex-direction:column;gap:0;height:100%;justify-content:center;padding:40px 40px 30px;text-align:center}.logo-wrap{margin-bottom:25px}.form-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));height:52px;margin-right:37px;object-fit:contain;width:auto}form h1{color:#1a3a7f;font-size:22px;font-weight:800;margin-bottom:4px}form span{color:#888;font-size:12px;letter-spacing:.4px;margin-bottom:14px}form input{background:#f0f2f8;border:1px solid #0000;border-radius:6px;font-family:Montserrat,sans-serif;font-size:13px;margin:5px 0;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}form input:focus{background:#fff;border-color:#1a3a7f;box-shadow:0 0 0 3px #1a3a7f1f}.form-error{background:#fff0f0;border:1px solid #f5c2c2;border-radius:6px;color:#d63031}.form-error,.form-success{font-size:12px;margin-bottom:6px;padding:7px 12px;width:100%}.form-success{background:#f0fff4;border:1px solid #85e89d;border-radius:6px;color:#22863a}form>button:not(.demo-btn):not(.ghost),form>button[type=submit]{background:linear-gradient(135deg,#1a3a7f,#2a5ccc);border:none;border-radius:20px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:14px;padding:12px 40px;text-transform:uppercase;transition:transform 80ms ease-in,box-shadow .2s;width:auto}form>button[type=submit]:hover:not(:disabled){box-shadow:0 4px 14px #1a3a7f66;transform:translateY(-1px)}form>button[type=submit]:active{transform:scale(.95)}.demo-section{align-items:center;display:flex;flex-direction:column;gap:7px;margin-top:14px;width:100%}.demo-label{color:#bbb!important;font-size:10px!important;letter-spacing:1px;margin-bottom:2px!important}.demo-btn,.demo-label{text-transform:uppercase}.demo-btn{background:#0000;border:1.5px solid #27ae60;border-radius:20px;color:#27ae60;cursor:pointer;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px;padding:9px 16px;transition:all .22s ease;width:100%}.demo-btn:hover{background:#27ae60;box-shadow:0 0 10px #27ae6066;color:#fff;transform:translateY(-1px)}.demo-btn:active{transform:scale(.96)}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.auth-container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:linear-gradient(135deg,#1a3a7f,#2a5ccc 60%,#1a7fbf);color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.auth-container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 48px;position:absolute;text-align:center;top:0;transition:transform .6s ease-in-out;width:50%}.overlay-panel h1{color:#fff;font-size:22px;font-weight:800;margin-bottom:12px}.overlay-panel p{color:#ffffffd9;font-size:13px;font-weight:400;line-height:1.6;margin-bottom:28px}.ghost{background:#0000;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;padding:11px 38px;text-transform:uppercase;transition:all .2s ease;width:auto}.ghost:hover{background:#ffffff26;transform:translateY(-1px)}.ghost:active{transform:scale(.95)}.mobile-switch-btn{background:#0000;border:none;color:#1a3a7f;cursor:pointer;display:none;font-family:Montserrat,sans-serif;font-size:12px;font-weight:600;margin-top:12px;text-decoration:underline}.overlay-left{transform:translateX(-20%)}.auth-container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.auth-container.right-panel-active .overlay-right{transform:translateX(20%)}@media (max-width:620px){.auth-page{align-items:center;min-height:100dvh;padding:14px 0}.auth-container{border-radius:14px;height:min(94dvh,760px);max-width:96vw;min-height:560px;width:min(96vw,430px)}.sign-in-container,.sign-up-container{left:0;width:100%}.overlay-container{display:none}.auth-container.right-panel-active .sign-in-container{opacity:0;transform:translateX(100%)}.auth-container.right-panel-active .sign-up-container{opacity:1;transform:translateX(0);z-index:5}form{justify-content:center;overflow-y:auto;padding:22px 20px 18px}.logo-wrap{margin-bottom:16px}.form-logo{height:46px;margin-right:0}form h1{font-size:20px}form>button:not(.demo-btn):not(.ghost),form>button[type=submit]{width:100%}.mobile-switch-btn{display:inline-block}}@media (max-width:380px){form{padding:20px 14px 14px}form input{font-size:12px;padding:10px 12px}}.supervisor-nav{background:#fff;box-shadow:2px 0 12px #0000001a;box-sizing:border-box;color:#333;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease;width:260px;z-index:1000}.supervisor-nav.collapsed{width:70px}.supervisor-nav .nav-container{display:flex;flex:1 1;flex-direction:column;height:100%;padding:24px 0;position:relative}.toggle-btn{background:#0000;border:none;color:#1a3a7f;cursor:pointer;font-size:25px;font-weight:600;line-height:1;padding:2px 6px;position:absolute;right:20px;top:20px}.toggle-btn:hover{color:#0d2354}.nav-brand{align-items:center;display:flex;justify-content:flex-start;padding:0 20px 30px}.nav-logo{height:55px;object-fit:contain;transition:opacity .2s ease;width:auto}.supervisor-nav.collapsed .nav-logo{opacity:0;pointer-events:none}.nav-menu{flex:1 1;overflow-y:auto;padding:0 16px}.nav-menu,.nav-pages{display:flex;flex-direction:column}.nav-pages{flex:1 1;gap:6px}.nav-item{align-items:center;background:none;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 14px;transition:all .25s ease;width:100%}.nav-item:hover{background:#1a3a7f1a;color:#1a3a7f}.nav-item.active{background:#1a3a7f26;box-shadow:0 2px 8px #1a3a7f26;color:#1a3a7f}.nav-icon{font-size:16px;min-width:20px}.nav-label{white-space:nowrap}.nav-worker{border-top:1px solid #f0f0f0;margin-top:auto;padding:16px}.worker-info{align-items:center;display:flex;gap:10px;justify-content:flex-start}.worker-avatar{background:linear-gradient(135deg,#1a3a7f,#0d2354);font-size:14px;height:36px;width:36px}.worker-avatar-image{background:none;border:2px solid #f0f0f0;object-fit:cover}.worker-name{color:#333;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:#1a3a7f26;border:1px solid #1a3a7f4d;border-radius:4px;color:#1a3a7f;cursor:pointer;font-size:12px;font-weight:600;margin-top:12px;padding:8px 14px;transition:all .3s;width:100%}.logout-btn:hover{background:#1a3a7f40;border-color:#1a3a7f80}.supervisor-nav.collapsed .nav-item{justify-content:center;padding:12px}.supervisor-nav.collapsed .nav-brand{justify-content:center;padding:0 12px 30px}.supervisor-nav.collapsed .worker-info{justify-content:center}.supervisor-nav.collapsed .logout-btn,.supervisor-nav.collapsed .nav-label,.supervisor-nav.collapsed .worker-name{display:none}@media (max-width:1200px){.supervisor-nav{width:220px}.supervisor-nav.collapsed{width:60px}.nav-item{font-size:13px}}@media (max-width:768px){.supervisor-nav{border-top:1px solid #e9edf5;bottom:0;box-shadow:0 -4px 16px #0000001f;height:auto;top:auto;width:100%}.supervisor-nav.collapsed{width:100%}.toggle-btn{display:none}.supervisor-nav .nav-container{height:auto;padding:0}.nav-brand,.nav-worker{display:none}.nav-menu{overflow:visible;padding:8px 10px max(8px,env(safe-area-inset-bottom))}.nav-pages{flex-direction:row;gap:6px;justify-content:space-between}.nav-item{border-radius:10px;flex:1 1;flex-direction:column;font-size:11px;gap:3px;justify-content:center;min-height:52px;padding:8px 6px}.nav-icon{font-size:18px;line-height:1;min-width:0}.nav-label{font-size:10px}.nav-label,.supervisor-nav.collapsed .nav-label{display:block}}@media (max-width:480px){.nav-item{min-height:50px}.nav-icon{font-size:16px}}.page-content{min-height:calc(100vh - 100px);padding:40px}.page-header{border-bottom:2px solid #f0f0f0;margin-bottom:40px;padding-bottom:30px}.page-header h1{color:#333;font-size:32px;margin:0 0 10px}.page-header p{color:#999;font-size:16px}.supervisor-home .stats-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.supervisor-home{margin:0 auto;max-width:980px}.stat-card{transition:all .3s ease}.stat-card.primary{border-left-color:#1a3a7f}.stat-info h3{color:#666;font-weight:600;margin:0 0 8px}.stat-info .stat-number{color:#333;font-size:24px;font-weight:800;line-height:1;margin:2px 0 0}.stat-info .stat-text{color:#333;font-size:16px;font-weight:600;margin:0}.stat-info .stat-meta{color:#999;font-size:12px;margin:4px 0 0}.recent-section{margin-bottom:18px}.recent-section h2{font-weight:700;margin:0 0 14px}.recent-list{display:flex;flex-direction:column;gap:15px}.recent-item{border-radius:8px;padding:15px;transition:all .3s}.recent-item:hover{background:#f0f2f5}.recent-worker{flex:1 1}.worker-avatar{flex-shrink:0;height:40px;width:40px}.worker-details h4{color:#333;font-size:14px;font-weight:600}.worker-details .worker-email{color:#999;font-size:12px;margin:4px 0 0}.recent-rating{text-align:right}.rating-fields-small{display:flex;gap:8px;justify-content:flex-end;margin-bottom:8px}.field-badge{border-radius:3px;font-size:11px;padding:2px 8px}.recent-time{color:#999;font-size:12px;margin:0}.quick-stats{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quick-stat{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:14px;text-align:center}.quick-stat .label{color:#666;display:block;font-size:13px;font-weight:600;margin-bottom:10px}.quick-stat .value{color:#1a3a7f;display:block;font-size:24px;font-weight:700}.home-actions{display:flex;justify-content:flex-end;margin-bottom:20px}.details-toolbar{gap:20px;margin-bottom:30px}.details-stats-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.quick-stat-pill{background:#fff;border-left:4px solid #1a3a7f;border-radius:10px;box-shadow:0 2px 8px #00000014;justify-content:space-between;padding:14px 16px}.quick-stat-pill .label{color:#666;font-size:12px;font-weight:600}.quick-stat-pill .value{color:#1a3a7f;font-size:18px;font-weight:700}.search-box{min-width:250px}.sort-group{gap:10px}.sort-group label{color:#666;font-size:13px;font-weight:600}.sort-select{border:2px solid #e0e0e0;font-size:13px;min-width:170px;padding:10px 12px}.sort-select:focus{border-color:#1a3a7f;outline:none}.search-input{border:2px solid #e0e0e0;font-size:14px;padding:12px 16px;transition:all .3s}.search-input:focus{border-color:#1a3a7f;box-shadow:0 0 0 3px #1a3a7f1a;outline:none}.filter-buttons{gap:10px}.filter-btn{border:2px solid #e0e0e0;border-radius:8px;font-size:13px;font-weight:600;padding:10px 16px;transition:all .3s;white-space:nowrap}.filter-btn:hover{border-color:#1a3a7f;color:#1a3a7f}.filter-btn.active{background:#1a3a7f;border-color:#1a3a7f}.table-responsive{box-shadow:0 2px 8px #00000014}.workers-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.workers-table th{color:#333;padding:15px}.workers-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:14px;padding:15px}.workers-table tbody tr{transition:all .2s}.workers-table tbody tr:hover{background:#f8f9fa}.workers-table tbody tr.rated-row{background:#f0f7f0}.workers-table td:first-child,.workers-table td:nth-child(2),.workers-table td:nth-child(4),.workers-table td:nth-child(5),.workers-table td:nth-child(6),.workers-table td:nth-child(8),.workers-table th:first-child,.workers-table th:nth-child(2),.workers-table th:nth-child(4),.workers-table th:nth-child(5),.workers-table th:nth-child(6),.workers-table th:nth-child(8){text-align:center}.worker-name-cell{color:#333;font-weight:600;gap:10px;justify-content:center}.workers-table td{text-align:center}.worker-badge{background:linear-gradient(135deg,#1a3a7f,#764ba2);color:#fff;font-size:13px;font-weight:700}.worker-badge-image{background:none;border:2px solid #f0f0f0;object-fit:cover}.worker-email{color:#999;font-size:12px}.rating-badge{font-size:13px;font-weight:700}.rating-badge,.status-badge{align-items:center;border-radius:20px;display:inline-flex;justify-content:center;padding:6px 12px}.status-badge{background:#e8f4f8;color:#06c;font-size:12px;font-weight:600;min-width:100px}.status-badge.excellent{background:#e8f5e9;color:#2e7d32}.status-badge.good{background:#e3f2fd;color:#1565c0}.status-badge.average{background:#fff3e0;color:#e65100}.status-badge.poor{background:#ffebee;color:#c62828}.latest-rating-cell{font-size:12px}.rating-fields,.rating-info{gap:8px}.rating-timestamp,.text-muted{color:#999}.action-cell{text-align:center}.btn{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;justify-content:center;padding:8px 14px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#1a3a7f,#764ba2)}.btn-primary:hover{box-shadow:0 4px 12px #1a3a7f4d;transform:translateY(-2px)}.btn-edit,.btn-secondary{background:#4caf50;color:#fff}.btn-edit:hover,.btn-secondary:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.btn-outline{background:#fff;border:2px solid #e0e0e0;color:#333}.btn-outline:hover{border-color:#1a3a7f;color:#1a3a7f}.btn-danger{background:#f44336}.btn-danger:hover{background:#d32f2f}.supervisor-visuals{background:#fff}.visuals-summary{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:40px}.summary-card{background:#fff;border-radius:12px;border-top:4px solid #1a3a7f;box-shadow:0 2px 8px #00000014;padding:30px;text-align:center}.summary-card h3{color:#666;font-size:14px;font-weight:600;margin:0 0 15px;text-transform:uppercase}.big-stat{color:#1a3a7f;font-size:36px;font-weight:700;margin:0 0 10px}.summary-note{color:#999;font-size:12px;margin:0}.chart-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:30px;padding:30px}.chart-section h2{color:#333;font-size:20px;font-weight:700;margin:0 0 25px}.distribution-container{display:flex;flex-direction:column;gap:20px}.distribution-bar{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:150px 1fr}.bar-label{align-items:center;display:flex;font-size:13px;font-weight:600;justify-content:space-between}.bar-background{background:#f0f0f0;border-radius:6px;height:30px;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:all .3s ease}.top-performers{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.performer-item{background:#f8f9fa;border-left:4px solid #1a3a7f;border-radius:10px;padding:20px;text-align:center;transition:all .3s}.performer-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.performer-rank{font-size:20px;margin-bottom:10px}.performer-info h4{color:#999;font-size:12px;font-weight:600;margin:0 0 5px}.performer-name{color:#333;font-size:16px;font-weight:700;margin:0 0 4px}.performer-email{color:#999;font-size:12px;margin:0}.performer-rating{margin:15px 0}.rating-badge-large{border-radius:25px;color:#fff;display:inline-block;font-size:16px;font-weight:700;padding:10px 16px}.performer-meta{color:#999;font-size:12px;margin-top:10px}.skills-overview{display:flex;flex-direction:column;gap:25px}.skill-item{grid-gap:15px;align-items:center;display:grid;gap:15px;grid-template-columns:150px 1fr 80px}.skill-name{color:#333;font-size:14px;font-weight:600}.skill-bar{background:#f0f0f0;border-radius:6px;height:25px;overflow:hidden}.skill-fill{background:linear-gradient(90deg,#1a3a7f,#764ba2);border-radius:6px;height:100%;transition:all .3s ease}.skill-value{color:#1a3a7f;font-size:14px;font-weight:700;text-align:right}.supervisor-profile .profile-container{display:flex;flex-direction:column}.profile-header{align-items:flex-start;background:#f8f9fa;border-radius:12px;gap:30px;margin-bottom:30px;padding:40px;text-align:center}.profile-avatar-large{background:linear-gradient(135deg,#1a3a7f,#764ba2);font-size:32px;height:80px;width:80px}.profile-header-info{text-align:left}.profile-header-info h2{color:#333;font-size:24px;margin:0 0 8px}.profile-email{color:#666;font-size:14px;margin:0 0 12px}.profile-badge{background:#1a3a7f;display:inline-block;font-size:12px;padding:4px 12px}.profile-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.profile-card{background:#fff;box-shadow:0 2px 8px #00000014;padding:25px}.profile-card h3{border-bottom:2px solid #f0f0f0;color:#333;font-size:16px;margin:0 0 20px;padding-bottom:15px}.info-row{align-items:center;border-bottom:1px solid #f0f0f0;padding:15px 0}.info-label{color:#666;font-size:13px;font-weight:600}.info-value{color:#333;font-size:14px}.form-group label{font-size:13px}.form-input{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:10px 12px;transition:all .3s}.form-input:focus{border-color:#1a3a7f;box-shadow:0 0 0 3px #667eea1a}.form-input:disabled{background:#f5f5f5;cursor:not-allowed}.stats-list{display:flex;flex-direction:column;gap:15px}.stat-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.stat-row:last-child{border-bottom:none}.stat-label{color:#666;font-size:13px}.stat-value{color:#333;font-size:14px;font-weight:600}.preference-item{border-bottom:1px solid #f0f0f0;padding:15px 0}.preference-item:last-child{border-bottom:none}.preference-item input[type=checkbox]{cursor:pointer;height:16px;margin-right:10px;width:16px}.preference-item label{color:#333;cursor:pointer;font-size:14px;font-weight:600}.preference-desc{color:#999;font-size:12px;margin:8px 0 0 26px}.profile-actions{gap:15px;margin-bottom:30px}.profile-actions .btn{flex:0 0 auto;font-size:13px;padding:12px 20px}.danger-zone{background:#ffebee;border-left:4px solid #f44336}.danger-zone h3{color:#f44336}.danger-zone p{color:#666;font-size:13px;margin:0 0 15px}.loading{font-size:16px;padding:60px 20px}.loading,.no-data{color:#999;text-align:center}.no-data{background:#f8f9fa;border-radius:8px;font-size:14px;padding:40px 20px}@media (max-width:768px){.page-content{padding:20px 15px}.page-header{margin-bottom:30px;padding-bottom:20px}.page-header h1{font-size:24px}.details-toolbar{flex-direction:column;gap:15px}.home-actions{justify-content:flex-start}.sort-group,.sort-select{width:100%}.search-box{min-width:100%}.filter-buttons{flex-wrap:wrap}.stat-card{gap:15px}.profile-header,.stat-card{flex-direction:column;text-align:center}.profile-header{padding:30px}.profile-header-info{text-align:center}.profile-grid{grid-template-columns:1fr}.skill-item{font-size:12px;gap:10px;grid-template-columns:100px 1fr 60px}.distribution-bar{gap:10px;grid-template-columns:100px 1fr}.supervisor-ratings-table{background:#0000;border-collapse:initial;border-spacing:0 12px;font-size:14px;width:100%!important}.supervisor-ratings-table thead{display:none}.supervisor-ratings-table tbody{display:block}.supervisor-ratings-table tr{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:block;margin-bottom:12px;overflow:hidden}.supervisor-ratings-table tr.rated-row{background:#f0f7f0}.supervisor-ratings-table td{align-items:center;border:0!important;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px!important;text-align:left!important}.supervisor-ratings-table tr>td:last-child{border-bottom:none!important}.supervisor-ratings-table td:before{color:#666;content:attr(data-label);font-size:12px;font-weight:700;letter-spacing:.5px;margin-right:10px;min-width:90px;text-transform:uppercase}.supervisor-ratings-table .worker-name-cell{align-items:center;display:flex;gap:8px;justify-content:flex-start}.supervisor-ratings-table .worker-badge{font-size:12px;height:28px;min-width:28px;width:28px}.supervisor-ratings-table .rating-badge{font-size:12px;padding:6px 10px}.supervisor-ratings-table .action-cell{display:flex;gap:8px}.supervisor-ratings-table .action-cell .btn{flex:1 1;font-size:11px;min-width:50px;padding:6px 8px}.workers-table{font-size:12px}.workers-table td,.workers-table th{padding:10px}.btn{font-size:11px;padding:6px 10px}}@media (max-width:480px){.page-header h1{font-size:20px}.filter-btn{font-size:11px;padding:8px 12px}.summary-card{padding:20px}.big-stat{font-size:28px}.recent-item{align-items:flex-start;flex-direction:column;gap:10px}.recent-rating{text-align:left;width:100%}.rating-fields-small{justify-content:flex-start}.supervisor-ratings-table td{align-items:flex-start;flex-direction:column}.supervisor-ratings-table td:before{margin-bottom:6px;min-width:100%}.supervisor-ratings-table .worker-name-cell{width:100%}}.btn-refresh{border-radius:8px;font-weight:500;padding:8px 14px}.legend-box{background:#f8f9fb;border:1px solid #e5e7eb;margin-top:20px}.legend-box.bottom{margin-top:40px}.legend-header{font-weight:500;padding:14px 18px}.legend-title{align-items:center;display:flex;gap:8px}.legend-toggle{color:#3b5bfd;font-size:14px;font-weight:500}.supervisor-details{margin:0 auto;max-width:1400px;padding:1.5rem}.page-header{margin-bottom:1.5rem}.page-header h1{color:#1a1a2e;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.page-header p{color:#6b7280;font-size:.875rem;margin:0}.details-stats-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.quick-stat-pill{align-items:center;background:#f4f6fb;border:1px solid #e2e8f0;border-radius:9999px;display:flex;font-size:.8125rem;gap:.5rem;padding:.4rem 1rem}.quick-stat-pill .label{color:#6b7280}.quick-stat-pill .value{color:#1a1a2e;font-weight:600}.details-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.search-box{flex:1 1;min-width:200px}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;padding:.5rem .875rem;transition:border-color .15s;width:100%}.search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.sort-group{align-items:center;color:#6b7280;display:flex;font-size:.8125rem;gap:.4rem}.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:.8125rem;outline:none;padding:.45rem .75rem}.sort-select:focus{border-color:#6366f1}.filter-buttons{display:flex;gap:.375rem}.filter-btn{background:#fff;border:1px solid #d1d5db;border-radius:9999px;color:#374151;cursor:pointer;font-size:.8rem;padding:.4rem .875rem;transition:all .15s}.filter-btn:hover{border-color:#6366f1;color:#6366f1}.filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.btn{border:1px solid #0000;font-size:.8125rem;font-weight:500;padding:.4rem .875rem;transition:all .15s;white-space:nowrap}.btn-primary{background:#6366f1;border-color:#6366f1}.btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.btn-edit{background:#fff7ed;border-color:#fed7aa;color:#c2410c}.btn-edit:hover{background:#ffedd5;border-color:#fb923c}.btn-history{border-color:#bbf7d0}.btn-refresh{background:#f8fafc;border-color:#d1d5db;color:#374151}.btn-refresh:hover:not(:disabled){background:#f1f5f9}.btn-refresh:disabled{opacity:.55}.table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:12px}.workers-table{font-size:.8125rem;min-width:900px}.workers-table thead{background:#f8fafc}.workers-table th{border-bottom:1px solid #e2e8f0;color:#374151;font-weight:600;padding:.75rem .875rem;white-space:nowrap}.workers-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:.7rem .875rem}.workers-table tbody tr:hover{background:#fafbff}.workers-table .rated-row{background:#f0fdf4}.workers-table .rated-row:hover{background:#dcfce7}.worker-name-cell{align-items:center;display:flex;gap:.6rem}.worker-badge{align-items:center;background:#ede9fe;border-radius:50%;color:#5b21b6;display:flex;flex-shrink:0;font-size:.8125rem;font-weight:600;height:32px;justify-content:center;width:32px}.worker-email{color:#6b7280;font-size:.78rem}.rating-badge{color:#fff;font-weight:600}.rating-badge,.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;padding:.2rem .6rem}.status-badge{font-weight:500}.status-badge.excellent{background:#d1fae5;color:#065f46}.status-badge.good{background:#dbeafe;color:#1e40af}.status-badge.average{background:#fef3c7;color:#92400e}.status-badge.poor{background:#fee2e2;color:#991b1b}.status-badge.not-rated{background:#f3f4f6;color:#6b7280}.latest-rating-cell{max-width:280px}.rating-info{display:flex;flex-direction:column;gap:.25rem}.rating-fields{display:flex;flex-wrap:wrap;gap:.25rem}.field-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#374151;font-family:monospace;font-size:.7rem;padding:.1rem .35rem}.rating-timestamp{align-items:center;color:#9ca3af;display:flex;font-size:.72rem;gap:.35rem}.text-muted{color:#9ca3af}.action-cell{white-space:nowrap}.center{text-align:center}.loading,.no-data{color:#9ca3af;font-size:.9375rem;padding:3rem 1rem}@media (max-width:768px){.supervisor-details{padding:1rem}.details-toolbar{align-items:stretch;flex-direction:column}.details-toolbar .filter-buttons{width:100%}.details-toolbar .filter-btn{flex:1 1;text-align:center}.quick-stat-pill{justify-content:space-between;width:100%}.profile-actions{flex-direction:row}.profile-actions .btn{width:auto}.info-row,.stat-row{align-items:flex-start;flex-direction:column;gap:6px}.top-performers,.visuals-summary{grid-template-columns:1fr}.chart-section,.recent-section,.summary-card{padding:18px}.filter-buttons{flex-wrap:wrap}.sd-modal{max-height:90vh}}.today-tag{background:#d1fae5;border-radius:9999px;color:#065f46;font-size:.68rem;font-weight:600;margin-left:.35rem;padding:.05rem .45rem}.btn-history{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.4rem .875rem;transition:all .15s;white-space:nowrap}.btn-history:hover{background:#dcfce7;border-color:#86efac}.sd-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.sd-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:640px;overflow:hidden;width:100%}.sd-modal-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.sd-modal-title{color:#1a1a2e;font-size:1.125rem;font-weight:600;margin:0 0 .2rem}.sd-modal-subtitle{color:#6b7280;font-size:.8125rem;margin:0}.sd-modal-close{background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:1rem;line-height:1;padding:.25rem;transition:color .15s}.sd-modal-close:hover{color:#374151}.sd-modal-body{display:flex;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.25rem 1.5rem}.sd-state-msg{color:#9ca3af;font-size:.9rem;padding:2rem 0;text-align:center}.sd-state-error{color:#dc2626}.sd-history-group{display:flex;flex-direction:column;gap:.75rem}.sd-history-date{border-bottom:1px solid #f1f5f9;color:#9ca3af;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding-bottom:.35rem;text-transform:uppercase}.sd-history-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:.625rem;padding:.875rem 1rem}.sd-history-card-header{align-items:center;display:flex;justify-content:space-between}.sd-history-ratedby{color:#374151;font-size:.8125rem;font-weight:500}.sd-history-avg{border-radius:9999px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:.175rem .6rem}.sd-kpi-grid{display:flex;flex-wrap:wrap;gap:.3rem}.sd-kpi-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:5px;display:flex;font-size:.7rem;gap:.25rem;padding:.15rem .45rem}.sd-kpi-short{color:#6b7280;font-family:monospace}.sd-kpi-val{color:#1f2937;font-weight:600}.sd-history-comment{border-top:1px solid #e2e8f0;color:#6b7280;font-size:.8rem;font-style:italic;margin:0;padding-top:.375rem}@media (max-width:768px){.sd-modal{max-height:90vh}}.dv-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.dv-filter-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.dv-filter-group{display:flex;flex-direction:column;gap:.3rem}.dv-filter-group label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dv-filter-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;padding:.45rem .75rem;transition:border-color .15s}.dv-filter-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.dv-btn-apply{align-self:flex-end;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.45rem 1.1rem;transition:background .15s}.dv-btn-apply:hover{background:#4f46e5}.dv-btn-reset{align-self:flex-end;background:#ede9fe;border:1px solid #c4b5fd;border-radius:9999px;color:#5b21b6;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .875rem;transition:all .15s;white-space:nowrap}.dv-btn-reset:hover{background:#ddd6fe;border-color:#a78bfa}.dv-filter-note{color:#6b7280;font-size:.8rem;margin:.625rem 0 0}.worker-name-cell.clickable{cursor:pointer;transition:.2s}.worker-name-cell.clickable:hover{opacity:.7;transform:translateX(2px)}.rating-summary{display:flex;flex-direction:column;gap:4px}.summary-avg{border-radius:6px;color:#fff;font-weight:700;padding:4px 8px;text-align:center;width:-webkit-fit-content;width:fit-content}.summary-low{color:#e74c3c;font-size:12px}.rating-timestamp{color:#777;font-size:11px}.kpi-note{color:#6b7280;font-size:13px;margin:-10px 0 18px}.pie-chart-layout{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:minmax(220px,280px) 1fr}.pie-chart{border-radius:50%;height:240px;margin:0 auto;position:relative;width:240px}.pie-center{align-items:center;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #e5e7eb;display:flex;flex-direction:column;height:110px;inset:50% auto auto 50%;justify-content:center;position:absolute;transform:translate(-50%,-50%);width:110px}.pie-center span{color:#1f2937;font-size:28px;font-weight:700;line-height:1}.pie-center small{color:#6b7280;font-size:12px;margin-top:4px}.pie-legend{display:flex;flex-direction:column;gap:10px}.pie-legend-item{grid-gap:10px;align-items:center;display:grid;font-size:13px;gap:10px;grid-template-columns:14px 1fr auto}.pie-dot{border-radius:50%;height:12px;width:12px}.pie-label{color:#374151}.pie-value{color:#111827;font-weight:600}@media (max-width:768px){.pie-chart-layout{grid-template-columns:1fr}.pie-chart{height:210px;width:210px}.pie-center{height:96px;width:96px}}@media (max-width:640px){.supervisor-home{padding:14px}.supervisor-home .page-header h1{font-size:22px}.supervisor-home .page-header p{font-size:13px}.supervisor-home .home-actions{justify-content:stretch}.supervisor-home .home-actions .btn{width:100%}.supervisor-home .stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.supervisor-home .stat-card{padding:14px}.supervisor-home .recent-section{margin-bottom:16px;padding:14px}.supervisor-home .recent-item{gap:10px;padding:12px}.supervisor-home .recent-rating,.supervisor-home .recent-worker{text-align:left;width:100%}.supervisor-home .rating-fields-small{flex-wrap:wrap;gap:6px}.supervisor-home .quick-stats{gap:12px;grid-template-columns:1fr}.supervisor-home .quick-stat{padding:14px}}@media (max-width:768px){.table-responsive{background:#0000;box-shadow:none;overflow-x:hidden;width:100%}.supervisor-ratings-table{background:#0000;border-collapse:initial;border-spacing:0 10px;min-width:0!important;table-layout:fixed;width:100%!important}.supervisor-ratings-table thead{display:none}.supervisor-ratings-table tbody{align-items:center;display:flex;flex-direction:column;gap:10px}.supervisor-ratings-table tr{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000f;display:grid;grid-template-columns:1fr 1fr;max-width:min(360px,calc(100vw - 28px));overflow:hidden;width:100%}.supervisor-ratings-table tr.rated-row{background:#f0f7f0}.supervisor-ratings-table td{align-items:flex-start;border:none;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:column;font-size:13px;padding:10px 14px;text-align:left!important}.supervisor-ratings-table td:before{color:#999;content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.supervisor-ratings-table td[data-label="#"]{display:none}.supervisor-ratings-table td[data-label=Name]{border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:700;grid-column:1/-1;justify-content:center;padding:12px 16px}.supervisor-ratings-table td[data-label=Action]{border-bottom:none;flex-direction:row;grid-column:1/-1;justify-content:center;padding:10px 16px 14px}.supervisor-ratings-table td[data-label=Action]:before{display:none}.supervisor-ratings-table .worker-name-cell{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px}.supervisor-ratings-table .worker-badge{font-size:13px;height:32px;min-width:32px;width:32px}.supervisor-ratings-table .btn{font-size:13px;max-width:180px;padding:9px 14px;text-align:center;width:100%}.table-responsive{background:#0000;box-shadow:none;overflow-x:hidden;width:100%}.worker-ratings-table{background:#0000;border-collapse:initial;border-spacing:0 10px;min-width:0!important;table-layout:fixed;width:100%!important}.worker-ratings-table thead{display:none}.worker-ratings-table tbody{align-items:center;display:flex;flex-direction:column;gap:10px}.worker-ratings-table tr{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #0000000f;display:grid;grid-template-columns:1fr 1fr;max-width:min(360px,calc(100vw - 28px));overflow:hidden;width:100%}.worker-ratings-table tr.rated-row{background:#f0f7f0}.worker-ratings-table td[data-label=Name]{border-bottom:1px solid #f0f0f0;font-size:14px;font-weight:700;grid-column:1/-1;justify-content:center;padding:12px 16px}.worker-ratings-table td[data-label="#"]{display:none}.worker-ratings-table td{align-items:flex-start;border:none;border-bottom:1px solid #f5f5f5;display:flex;flex-direction:column;font-size:13px;padding:10px 14px}.worker-ratings-table td:before{color:#999;content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.worker-ratings-table td[data-label=Action]{border-bottom:none;flex-direction:row;grid-column:1/-1;justify-content:center;padding:10px 16px 14px}.worker-ratings-table td[data-label=Action]:before{display:none}.worker-ratings-table .worker-name-cell{align-items:center;display:flex;font-size:14px;font-weight:600;gap:10px}.worker-ratings-table .worker-badge{font-size:13px;height:32px;min-width:32px;width:32px}.worker-ratings-table .btn{font-size:13px;max-width:180px;padding:9px 14px;text-align:center;width:100%}.details-toolbar{align-items:stretch;flex-direction:column;gap:10px}.search-box{min-width:0;min-width:auto}.filter-buttons{flex-wrap:wrap;gap:8px}.filter-btn{flex:1 1;font-size:12px;min-width:80px;padding:8px 10px;text-align:center}.details-stats-row{grid-template-columns:1fr 1fr}.quick-stat-pill{padding:10px 12px}.quick-stat-pill .value{font-size:16px}}.profile-lang-toggle button.active{background:#1a3a7f;border-color:#1a3a7f}.rating-form-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.rating-form-container{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:100%}.form-header{align-items:center;border-bottom:2px solid #1a3a7f;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.form-header h2{color:#333;font-size:22px;margin:0}.close-btn{background:none;border:none;color:#999;cursor:pointer;font-size:28px;transition:color .2s}.close-btn:hover{color:#333}.error-message{background-color:#fee;border-radius:5px;color:#c33;font-size:14px;margin-bottom:15px;padding:10px}.rating-field{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px;width:100%}.rating-field label{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.rating-value{color:#1a3a7f;font-weight:700}.slider-container{display:block;width:100%}.slider{width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1a3a7f;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .2s;transition:background .2s;width:20px}.slider::-webkit-slider-thumb:hover{background:#764ba2}.slider::-moz-range-thumb{background:#1a3a7f;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .2s;transition:background .2s;width:20px}.slider::-moz-range-thumb:hover{background:#764ba2}.rating-labels{color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.average-rating{background:#f0f4f8;border-radius:8px;color:#1a3a7f;font-size:16px;margin:20px 0;padding:15px;text-align:center}.form-group{margin-bottom:20px}.form-group label{color:#333;font-size:14px;margin-bottom:8px}.form-group textarea{margin:0;width:100%}.form-group textarea:focus{border-color:#1a3a7f;box-shadow:0 0 5px #667eea1a;outline:none}.form-buttons{display:flex;gap:10px;width:100%}.cancel-btn,.submit-btn{flex:1 1;width:100%}.cancel-btn{background:#f0f0f0;color:#333}.cancel-btn:hover:not(:disabled){background:#e0e0e0}.submit-btn{background:linear-gradient(135deg,#1a3a7f,#764ba2);color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:600px){.rating-form-container{padding:20px 16px}.form-header h2{font-size:18px}}.worker-dashboard{background:#f5f7fa;margin:0 auto;max-width:980px;min-height:100vh;padding:20px}.page-header{margin-bottom:30px}.page-header h1{color:#1a3a7f;font-size:24px;font-weight:800;margin:0}.page-header p{color:#666;margin-top:6px}.stats-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;background:#fff;border-left:4px solid #1a3a7f;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;padding:14px 16px;text-align:center;transition:.3s}.stat-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.stat-card.success{border-left-color:#4caf50}.stat-card.info{border-left-color:#2196f3}.stat-card.warning{border-left-color:#ff9800}.stat-icon{font-size:20px;line-height:1}.stat-info h3{color:#777;font-size:12px;letter-spacing:.5px;margin:0;text-transform:uppercase}.stat-number{font-size:24px;font-weight:800;line-height:1;margin:2px 0 0}.dashboard-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:2fr 1fr;margin-bottom:30px}@media (max-width:992px){.dashboard-grid{grid-template-columns:1fr}}.recent-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:18px}.recent-section h2{color:#333;font-size:16px;margin-bottom:14px}.recent-item{background:#f8f9fa;border-left:4px solid #1a3a7f;border-radius:10px;justify-content:space-between;padding:14px}.recent-item,.recent-worker{align-items:center;display:flex}.recent-worker{gap:15px}.worker-avatar{align-items:center;background:linear-gradient(135deg,#1a3a7f,#764ba2);border-radius:50%;color:#fff;display:flex;font-weight:700;height:45px;justify-content:center;width:45px}.worker-details h4{margin:0}.worker-email{color:#777;font-size:13px}.field-badge{background:#1a3a7f;border-radius:20px;color:#fff;font-size:12px;font-weight:600;padding:5px 12px}.actions-vertical{display:flex;flex-direction:column;gap:12px}.action-btn{background:#1a3a7f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:.3s}.action-btn.outline{background:#0000;border:2px solid #1a3a7f;color:#1a3a7f}.action-btn:hover{background:#0d2354;color:#fff;transform:translateY(-2px)}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.feature-card{background:#f8f9fa;border-left:4px solid #1a3a7f;border-radius:10px;padding:20px;transition:.3s}.feature-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.feature-card h3{margin-bottom:5px}.feature-card p{color:#777;font-size:13px;margin-bottom:10px}.feedback-section{margin-top:30px}.feedback-section h2{margin-bottom:20px}.feedback-list{display:flex;flex-direction:column;gap:20px}.feedback-card{background:#fff;border-left:4px solid #1a3a7f;border-radius:14px;box-shadow:0 2px 10px #0000000f;padding:24px;transition:.3s}.feedback-card:hover{transform:translateY(-5px)}.feedback-card.worker{border-left-color:#ff9800}.feedback-header{display:flex;justify-content:space-between;margin-bottom:15px}.feedback-left{align-items:center;display:flex;gap:10px}.supervisor-badge{background:linear-gradient(135deg,#1a3a7f,#764ba2)}.supervisor-badge,.worker-badge-anon{border-radius:20px;color:#fff;font-size:11px;font-weight:700;padding:5px 12px}.worker-badge-anon{background:#ff9800}.feedback-average{color:#1a3a7f;font-size:22px;font-weight:800}.feedback-ratings{display:flex;gap:8px;margin-bottom:12px}.feedback-ratings .field-badge{background:#1a3a7f14;border:1px solid #1a3a7f33;color:#1a3a7f}.feedback-comment{background:#f5f7fa;border-left:3px solid #1a3a7f;border-radius:8px;font-size:14px;padding:12px}.feedback-date{color:#999;font-size:12px;margin-top:10px}.loading,.no-data{color:#999;padding:50px;text-align:center}.legend-box{background:#fff;border-left:4px solid #1a3a7f;box-shadow:0 2px 8px #00000014;margin-bottom:30px;overflow:hidden}.legend-header{cursor:pointer;padding:14px 20px;transition:background .2s;-webkit-user-select:none;user-select:none}.legend-header:hover{background:#f8f9fa}.legend-title{color:#333;font-size:14px;font-weight:600}.legend-toggle{color:#1a3a7f;font-size:12px;font-weight:600}.legend-grid{grid-gap:10px;border-top:1px solid #f0f0f0;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px 20px 20px}.legend-item{align-items:center;display:flex;gap:10px}.legend-short{background:#1a3a7f;border-radius:4px;color:#fff;font-size:12px;font-weight:700;min-width:32px;padding:3px 8px;text-align:center}.legend-label{color:#555;font-size:13px}.btn-refresh{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;color:#fff;transition:all .2s ease}.btn-refresh:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-refresh:disabled{cursor:not-allowed;opacity:.7}.worker-dashboard>*{margin-bottom:14px}.legend-box{border-radius:12px;margin-top:24px;padding:16px 20px}.legend-header{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.legend-grid{grid-gap:10px 16px;display:grid;gap:10px 16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:12px}.legend-item{padding:6px 0}.date-filter-bar{align-items:center;display:flex;gap:10px;margin-bottom:16px}.date-filter-bar input{border:1px solid #ddd;border-radius:6px;font-size:13px;padding:6px 10px}.date-filter-bar button{background:#1a3a7f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.date-filter-bar button:hover{background:#0d2354}.wf-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.25rem}.wf-filter-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.wf-filter-group{display:flex;flex-direction:column;gap:.3rem}.wf-filter-group label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.wf-filter-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;outline:none;padding:.45rem .75rem;transition:border-color .15s}.wf-filter-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.wf-btn-apply{align-self:flex-end;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.45rem 1.1rem;transition:background .15s}.wf-btn-apply:hover{background:#4f46e5}.wf-btn-reset{align-self:flex-end;background:#ede9fe;border:1px solid #c4b5fd;border-radius:9999px;color:#5b21b6;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .875rem;transition:all .15s;white-space:nowrap}.wf-btn-reset:hover{background:#ddd6fe;border-color:#a78bfa}@media (max-width:640px){.dv-filter-inputs,.wf-filter-inputs{align-items:stretch;flex-direction:column}.dv-btn-apply,.dv-btn-reset,.wf-btn-apply,.wf-btn-reset{text-align:center;width:100%}.worker-dashboard{padding:14px}.worker-dashboard .page-header h1{font-size:22px}.worker-dashboard .page-header p{font-size:13px}.home-actions{justify-content:stretch}.home-actions .btn{width:100%}.stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{padding:14px}.recent-section{margin-bottom:16px;padding:14px}.recent-section h2{font-size:16px;margin-bottom:12px}.recent-item{gap:10px;padding:12px}.recent-worker{width:100%}.recent-rating{text-align:left;width:100%}.rating-fields-small{flex-wrap:wrap;gap:6px}.rating-fields-small .field-badge{font-size:10px;padding:4px 8px}.quick-stats{gap:12px;grid-template-columns:1fr}.quick-stat{padding:14px}.legend-box{padding:10px 12px}.legend-grid{gap:6px;grid-template-columns:1fr}}@media (max-width:768px){.table-responsive{background:#0000;border:none;overflow-x:visible}.worker-ratings-table{background:#0000;border-collapse:initial;border-spacing:0 12px;margin:0 auto;width:min(100%,430px)!important}.worker-ratings-table thead{display:none}.worker-ratings-table tbody{display:block}.worker-ratings-table tr{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000f;display:block;margin:0 auto 12px;overflow:hidden;width:100%}.worker-ratings-table tr.rated-row{background:#f0f7f0}.worker-ratings-table td{align-items:center;border:0!important;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 16px!important;text-align:left!important}.worker-ratings-table tr>td:last-child{border-bottom:none!important}.worker-ratings-table td:before{color:#666;content:attr(data-label);font-size:11px;font-weight:700;letter-spacing:.5px;margin-right:10px;min-width:90px;text-transform:uppercase}.worker-ratings-table .worker-name-cell{align-items:center;display:flex;font-size:13px;gap:8px;line-height:1.35;overflow-wrap:anywhere}.worker-ratings-table .worker-badge{font-size:12px;height:28px;min-width:28px;width:28px}.worker-ratings-table .action-cell{display:flex;flex-wrap:wrap;gap:8px;width:100%}.worker-ratings-table .action-cell .btn{flex:1 1;font-size:12px;min-width:60px;padding:8px 10px}.worker-ratings-table .comment-cell{display:block}.worker-ratings-table .comment-preview{max-width:100%;white-space:normal;word-break:break-word}.worker-ratings-table .rating-badge{font-size:12px;padding:6px 10px}.worker-ratings-table .latest-rating-cell{display:block}.worker-ratings-table .rating-summary{display:flex;flex-direction:column;gap:8px}.feedback-header{align-items:flex-start;flex-direction:column;gap:8px}.feedback-left{flex-wrap:wrap;row-gap:6px}.feedback-ratings{flex-wrap:wrap;gap:6px}.feedback-ratings .field-badge{font-size:11px;padding:4px 8px}.worker-ratings-table td{align-items:flex-start;flex-direction:column;font-size:13px}.worker-ratings-table td:before{margin-bottom:6px;min-width:100%}.worker-ratings-table .worker-name-cell{width:100%}}@media (max-width:480px){.page-content{padding:15px 12px}.page-header h1{font-size:22px}.details-toolbar{gap:12px}.stats-grid{grid-template-columns:1fr}.stat-card{padding:15px}.stat-number{font-size:24px}}.confirm-dialog-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2000}.confirm-dialog-card{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0000002e;max-width:380px;padding:18px;width:100%}.confirm-dialog-card h3{color:#111827;font-size:18px;margin:0 0 8px}.confirm-dialog-card p{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.confirm-dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}@media (max-width:480px){.confirm-dialog-actions{flex-direction:column-reverse}.confirm-dialog-actions .btn{width:100%}}.worker-info-page{padding:24px 32px;width:100%}.wi-error-screen,.wi-loading-screen{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.wi-spinner{animation:wi-spin .7s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#4f46e5;height:36px;width:36px}@keyframes wi-spin{to{transform:rotate(1turn)}}.wi-error-icon{font-size:32px}.wi-breadcrumb{display:flex;gap:6px;margin-bottom:20px}.wi-back-btn,.wi-breadcrumb{align-items:center;font-size:13px}.wi-back-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-weight:500;gap:5px;padding:5px 12px;transition:background .15s,border-color .15s}.wi-back-btn:hover{background:#f3f4f6;border-color:#d1d5db}.wi-crumb-sep{color:#d1d5db;-webkit-user-select:none;user-select:none}.wi-crumb-inactive{color:#9ca3af}.wi-crumb-active{color:#111827;font-weight:500}.wi-hero{background:#fff;border:1px solid #f0f0f0;border-radius:14px;box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000d;gap:20px;margin-bottom:20px;padding:24px}.wi-avatar,.wi-hero{align-items:center;display:flex}.wi-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:26px;font-weight:700;height:64px;justify-content:center;letter-spacing:-.5px;width:64px}.wi-hero-info{flex:1 1;min-width:0}.wi-hero-name{color:#111827;font-size:22px;font-weight:700;line-height:1.2;margin:0 0 2px}.wi-hero-email{color:#6b7280;font-size:13px;margin:0 0 8px}.wi-hero-status{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#374151;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:3px 10px}.wi-status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.wi-hero-score{align-items:center;background:#fafafa;border:2px solid;border-radius:14px;display:flex;flex-direction:column;flex-shrink:0;height:72px;justify-content:center;width:72px}.wi-score-num{font-size:22px;font-weight:800;line-height:1}.wi-score-star{color:#9ca3af;font-size:13px;line-height:1}.wi-score-label{color:#9ca3af;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.wi-stats{display:flex;gap:12px;margin-bottom:28px}.wi-stat-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex:1 1;gap:12px;padding:14px 18px}.wi-stat-icon{font-size:22px;line-height:1}.wi-stat-value{color:#111827;font-size:20px;font-weight:700;line-height:1.1}.wi-stat-status{font-size:14px}.wi-stat-label{color:#9ca3af;font-size:11px;letter-spacing:.4px;margin-top:2px;text-transform:uppercase}.wi-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wi-history-header h2{color:#111827;font-size:17px;font-weight:700;margin:0}.wi-history-count{background:#f3f4f6;border-radius:20px;color:#6b7280;font-size:12px;padding:3px 10px}.wi-empty{align-items:center;background:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;flex-direction:column;gap:8px;padding:48px 20px}.wi-empty-icon{font-size:28px}.wi-cards{display:flex;flex-direction:column;gap:10px}.wi-card{background:#fff;border:1px solid #ececec;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden;transition:box-shadow .15s}.wi-card:hover{box-shadow:0 2px 10px #00000014}.wi-card-header{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;text-align:left;width:100%}.wi-card-header:hover{background:#fafafa}.wi-card-left{align-items:center;display:flex;gap:12px;min-width:0}.wi-card-index{background:#f3f4f6;border-radius:4px;color:#9ca3af;flex-shrink:0;font-size:11px;font-weight:600;padding:2px 7px}.wi-card-meta{display:flex;flex-direction:column;gap:2px}.wi-card-date{color:#111827;font-size:14px;font-weight:600}.wi-card-ratedby{color:#9ca3af;font-size:12px}.wi-card-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.wi-card-avg{border-radius:6px;font-size:13px;font-weight:700;padding:4px 10px}.wi-card-chevron{color:#9ca3af;display:inline-block;font-size:20px;line-height:1;transition:transform .2s}.wi-card-chevron--open{transform:rotate(90deg)}.wi-card-body{border-top:1px solid #f0f0f0;padding:14px 16px 16px}.wi-kpi-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.wi-kpi{align-items:center;background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:8px 4px}.wi-kpi-short{color:#9ca3af;font-size:10px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.wi-kpi-val{font-size:18px;font-weight:800;line-height:1}.wi-kpi-label{color:#c4c9d4;font-size:9px;line-height:1.2;text-align:center}.wi-comment{background:#f9fafb;border-left:3px solid #d1d5db;border-radius:0 8px 8px 0;color:#6b7280;font-size:13px;font-style:italic;line-height:1.5;margin:14px 0 0;padding:10px 14px}.wi-comment-quote{color:#d1d5db;font-size:16px;font-style:normal;font-weight:700}@media (max-width:600px){.worker-info-page{padding:16px}.wi-hero{flex-wrap:wrap}.wi-hero-score{margin-left:auto;order:-1}.wi-stats{flex-direction:column}.wi-kpi-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}}.wi-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.wi-history{width:100%}.supervisor-layout{background:#f5f5f5;display:flex;min-height:100vh}.main-content{background:#f5f5f5;flex:1 1;margin-left:260px;overflow-y:auto;transition:margin-left .3s ease}.main-content.collapsed{margin-left:70px}@media (max-width:1200px){.main-content{margin-left:220px}.main-content.collapsed{margin-left:60px}}@media (max-width:768px){.main-content{margin-left:0;padding-bottom:88px}.main-content.collapsed{margin-left:0}}.page-content.worker-profile{margin:0 auto;max-width:920px;padding:1.25rem}.page-header{margin-bottom:2.5rem}.page-header h1{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.page-header p{color:#64748b;font-size:1rem}.profile-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin:0 auto;max-width:760px;padding:1.25rem}.profile-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem}.profile-avatar-large{background:linear-gradient(135deg,#3b82f6,#1d4ed8);flex-shrink:0;font-size:2rem;height:64px;width:64px}.profile-avatar-large.profile-image{background:none;object-fit:cover}.profile-picture-container{position:relative;width:-webkit-fit-content;width:fit-content}.profile-picture-upload{align-items:center;background:#3b82f6;border:2px solid #fff;border-radius:50%;bottom:0;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;right:0;transition:background .2s,transform .2s;width:24px}.profile-picture-upload:hover{background:#2563eb;transform:scale(1.1)}.upload-icon{font-size:14px;line-height:1}.profile-header-info h2{color:#1e293b;font-size:1.35rem;font-weight:700;margin:0 0 .25rem}.profile-email{color:#64748b;font-size:.95rem;margin:0 0 .5rem}.profile-badge{background:#10b981;border-radius:20px;color:#fff;font-size:.875rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.profile-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.profile-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.1rem}.profile-card.full-width{grid-column:1/-1}.profile-card h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.05rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.75rem}.profile-card h3+div{padding-top:1rem}.info-row{border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-label{color:#64748b;font-weight:500}.info-value{color:#1e293b;font-weight:600}.form-group{margin-bottom:1.25rem}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:.5rem}.form-input{border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input:disabled{background:#f8fafc;color:#9ca3af}.preference-item,.stats-list{display:flex;flex-direction:column;gap:1rem}.stat-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;padding:.75rem}.stat-label{color:#64748b}.stat-value{color:#1e293b;font-weight:700}.preference-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.85rem}.preference-content label{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:.75rem}.preference-content input[type=checkbox]{accent-color:#3b82f6;height:1.25rem;width:1.25rem}.preference-desc{color:#64748b;font-size:.95rem;margin:0}.profile-actions{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem;padding:1.5rem}.profile-actions .btn{width:auto}.profile-error,.profile-success{margin:0 0 1rem}.danger-zone{background:#fef2f2;border-color:#fecaca}.danger-zone h3{color:#dc2626}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-outline{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.btn-outline:hover{background:#3b82f6;color:#fff}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}@media (max-width:768px){.page-content.worker-profile{padding:.75rem}.profile-container{max-width:100%;padding:1rem}.profile-grid{gap:1rem;grid-template-columns:1fr}.profile-header{flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;text-align:center}.profile-avatar-large{font-size:1.5rem;height:56px;width:56px}.profile-header-info h2{font-size:1.15rem}}.profile-lang-toggle button.active{background:#1d4ed8;border-color:#1d4ed8}.profile-avatar-large,.profile-avatar-wrapper{height:160px;width:160px}.profile-avatar-large{border:5px solid #fff;box-shadow:0 16px 40px #00000026;font-size:56px;transition:.25s}.profile-image{object-fit:cover}.profile-image.uploading{opacity:.45}.profile-avatar-fallback{-webkit-user-select:none;user-select:none}.profile-upload-overlay{background:#0000008c;gap:6px;inset:0}.camera-icon{font-size:26px}.upload-text{font-weight:600}.upload-loader{animation:spin .8s linear infinite;height:34px;width:34px}.profile-avatar-wrapper:hover
.profile-avatar-large{transform:scale(1.03)}.admin-page{max-width:1400px;padding:40px 48px}.admin-page .page-header{margin-bottom:32px}.admin-page .page-header h1{color:#111827;font-size:28px;font-weight:700;letter-spacing:-.4px;margin:0 0 6px}.admin-page .page-header p{color:#6b7280;font-size:14px;margin:0}.admin-section{margin-top:32px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000d;padding:24px 28px}.section-title{color:#111827;font-size:16px;font-weight:700;margin:0 0 20px}.admin-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.admin-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000d;display:flex;flex-direction:column;gap:6px;padding:20px 22px;transition:transform .15s ease,box-shadow .15s ease}.admin-stat-card:hover{box-shadow:0 6px 18px #00000014;transform:translateY(-2px)}.stat-emoji{font-size:20px;line-height:1}.admin-stat-card .stat-number{color:#111827;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1;margin:0}.admin-stat-card h3{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.blue{border-left:4px solid #3b82f6}.green{border-left:4px solid #22c55e}.purple{border-left:4px solid #8b5cf6}.red{border-left:4px solid #ef4444}.gold{border-left:4px solid #f59e0b}.cyan{border-left:4px solid #06b6d4}.admin-input,.admin-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;height:40px;outline:none;padding:0 12px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.admin-input:focus,.admin-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.admin-input::placeholder{color:#9ca3af}.admin-form-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.2fr 1.4fr 1fr 160px 150px}.admin-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.admin-search{max-width:280px}.export-filter-select{font-size:12px;justify-self:start;min-width:150px;padding:6px 10px;width:auto}.filter-tabs{display:flex;flex-wrap:wrap;gap:6px}.filter-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:5px;padding:7px 14px;transition:all .15s ease;white-space:nowrap}.filter-tab:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.filter-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.tab-count{align-items:center;background:#0000001a;border-radius:9999px;display:inline-flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:20px;padding:0 5px}.filter-tab.active .tab-count{background:#ffffff40}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;height:40px;justify-content:center;padding:0 16px;transition:opacity .15s ease,transform .1s ease;white-space:nowrap}.admin-btn:hover{opacity:.88}.admin-btn:active{transform:scale(.97)}.admin-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.admin-btn.primary{background:#3b82f6;color:#fff}.admin-btn.warning{background:#0000;background-color:#fffbeb;border:1px solid #fde68a;border-radius:7px;color:#92400e;font-size:13px;height:34px;padding:0 12px}.admin-btn.warning:hover{background-color:#fef3c7;border-color:#fcd34d;opacity:1}.admin-btn.danger{background:#0000;background-color:#fff5f5;border:1px solid #fecaca;border-radius:7px;color:#991b1b;font-size:13px;height:34px;padding:0 12px}.admin-btn.danger:hover{background-color:#fee2e2;border-color:#fca5a5;opacity:1}.compact-btn{padding:10px 16px;width:-webkit-fit-content;width:fit-content}.export-btn{display:inline-flex!important;flex:none!important;min-width:0!important;min-width:auto!important;padding:0 16px!important;width:auto!important}.admin-btn.secondary{background:#e5e7eb;color:#111827}.admin-btn.secondary:hover{background:#d1d5db}.admin-profile-actions{align-items:center;flex-direction:row}.admin-profile-actions .admin-btn{width:auto}.profile-success{color:#166534}.profile-error,.profile-success{font-weight:600;margin:.75rem 0 0}.profile-error{color:#b91c1c}.table-responsive{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.workers-table{border-collapse:collapse;font-size:14px;width:100%}.workers-table thead tr{background:#f9fafb;border-bottom:1px solid #e5e7eb}.workers-table th{color:#6b7280;font-size:12px;font-weight:700;letter-spacing:.5px;padding:11px 16px;text-align:left;text-transform:uppercase}.workers-table td{border-bottom:1px solid #f3f4f6;color:#374151;padding:13px 16px;vertical-align:middle}.workers-table tbody tr:last-child td{border-bottom:none}.workers-table tbody tr:hover{background:#fafafa}.td-name{color:#111827!important;font-weight:600}.td-name.clickable:hover{color:#2563eb!important;text-decoration:underline}.td-email{color:#6b7280!important}.admin-table-actions{display:flex;gap:6px}.admin-select-inline{background:#f9fafb;border-radius:6px;font-size:13px;height:34px;padding:0 8px;width:auto}.admin-role{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:700;gap:4px;letter-spacing:.2px;padding:4px 10px}.admin-role-worker{background:#dcfce7;color:#166534}.admin-role-supervisor{background:#ede9fe;color:#5b21b6}.admin-role-admin{background:#fee2e2;color:#991b1b}.admin-loading{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:10px;padding:32px 20px}.admin-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:14px;padding:20px}.admin-empty{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}@media (max-width:1100px){.admin-form-row{grid-template-columns:1fr 1fr}.admin-form-row button{grid-column:1/-1}}@media (max-width:768px){.admin-page{padding:24px 20px}.admin-form-row{grid-template-columns:1fr}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-search{max-width:100%}.admin-stats-grid{grid-template-columns:1fr}.admin-table-actions{flex-wrap:wrap;justify-content:flex-start}.admin-home-table,.admin-users-table{border-collapse:initial;border-spacing:0 10px;min-width:0}.admin-home-table thead,.admin-users-table thead{display:none}.admin-home-table tbody,.admin-home-table td,.admin-home-table tr,.admin-users-table tbody,.admin-users-table td,.admin-users-table tr{display:block;text-align:left;width:100%}.admin-home-table tr,.admin-users-table tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.admin-home-table td,.admin-users-table td{border:0;padding:6px 0}.admin-home-table td:before,.admin-users-table td:before{color:#64748b;content:attr(data-label);display:block;font-size:11px;font-weight:700;margin-bottom:3px;text-transform:uppercase}.admin-users-table .admin-select-inline{width:100%}.admin-users-table .admin-btn.danger,.admin-users-table .admin-btn.warning{height:32px;min-width:40px}}.admin-profile-page{max-width:1200px}.admin-profile-container{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 4px #0000000d;padding:24px}.admin-profile-header{align-items:center;border-bottom:1px solid #eef2f7;display:flex;gap:16px;margin-bottom:22px;padding-bottom:18px}.admin-profile-avatar{align-items:center;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:9999px;color:#fff;display:flex;font-size:30px;font-weight:700;height:72px;justify-content:center;width:72px}.admin-profile-headline h2{color:#111827;font-size:24px;margin:0 0 4px}.admin-profile-headline p{color:#6b7280;margin:0 0 8px}.admin-profile-badge{background:#2563eb;border-radius:9999px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.3px;padding:4px 10px}.admin-profile-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-profile-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.admin-profile-row span{color:#6b7280;font-size:13px}.admin-profile-row strong{color:#111827;font-size:14px;text-align:right}.admin-profile-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.admin-profile-stat{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.admin-profile-stat span{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.admin-profile-stat strong{color:#111827;font-size:14px}.admin-profile-full{margin-top:16px}.admin-profile-pref{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#374151;margin-bottom:8px;padding:12px}@media (max-width:768px){.admin-profile-header{flex-direction:column;text-align:center}.admin-profile-grid,.admin-profile-stats{grid-template-columns:1fr}}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-width:500px;overflow:hidden;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:color .2s ease;width:32px}.modal-close:hover{color:#111827}.modal-body{flex:1 1;padding:24px}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.modal-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:8px 16px;transition:opacity .2s ease}.modal-actions .btn-primary{background:#3b82f6;color:#fff}.modal-actions .btn-primary:hover:not(:disabled){background:#2563eb}.modal-actions .btn-secondary{background:#e5e7eb;color:#111827}.modal-actions .btn-secondary:hover:not(:disabled){background:#d1d5db}.modal-actions .btn:disabled{cursor:not-allowed;opacity:.55}@media (max-width:480px){.modal-content{max-width:100%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.profile-lang-toggle{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;display:inline-flex;gap:6px;margin-top:10px;padding:6px 8px;position:static}.profile-lang-toggle span{color:#4b5563;font-size:12px;font-weight:600}.profile-lang-toggle button{background:#fff;border:1px solid #d1d5db;border-radius:9999px;color:#1f2937;cursor:pointer;font-size:12px;font-weight:600;padding:4px 10px}.profile-lang-toggle button.active{background:#111827;border-color:#111827;color:#fff}.profile-picture-container{display:flex;justify-content:center}.profile-avatar-wrapper{background:linear-gradient(135deg,#0d5fd9,#00a8ff,#ef3340);border-radius:50%;box-shadow:0 20px 50px #00000026;height:170px;padding:4px;position:relative;transition:.35s;width:170px}.profile-avatar-large{align-items:center;background:linear-gradient(145deg,#0d5fd9,#3f8cff);border-radius:50%;color:#fff;display:flex;font-size:58px;font-weight:700;height:100%;justify-content:center;object-fit:cover;overflow:hidden;transition:.35s;width:100%}.profile-image.uploading{filter:blur(2px);opacity:.5}.profile-avatar-wrapper:hover{transform:translateY(-3px)}.profile-avatar-wrapper:hover
.profile-avatar-large{transform:scale(1.04)}.profile-upload-overlay{align-items:center;background:#00000094;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:8px;inset:4px;justify-content:center;opacity:0;position:absolute;transition:.25s}.profile-avatar-wrapper:hover
.profile-upload-overlay{opacity:1}.profile-picture-input{display:none}.camera-icon{font-size:30px}.upload-text{font-size:13px;font-weight:700}.profile-status-dot{background:#00d26a;border:3px solid #fff;border-radius:50%;bottom:18px;box-shadow:0 0 12px #00d26ab3;height:18px;position:absolute;right:18px;width:18px}.profile-status-dot.admin{background:#ef3340}.upload-loader{animation:spin .7s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.fd9c3bda.css.map*/