@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:#f8fafc;color:#1e293b}.sidebar{height:100vh;background-color:#fff;border-right:1px solid #e2e8f0;position:fixed;z-index:1000;display:flex;flex-direction:column;transition:width .3s ease;font-family:Inter,sans-serif}.sidebar-header{padding:20px;display:flex;align-items:center;justify-items:center;height:70px;border-bottom:1px solid #f1f5f9}.sidebar-header.open{justify-content:space-between}.sidebar-header.closed{justify-content:center}.logo-container img{width:100px;margin-left:15px}.toggle-btn{background:#eff6ff;border:none;border-radius:8px;padding:5px;cursor:pointer;color:#2563eb;display:flex;align-items:center;justify-content:center}.sidebar-nav{margin-top:10px;flex:1;overflow-y:auto;overflow-x:hidden}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;color:#64748b;border-left:4px solid transparent;height:50px;white-space:nowrap;text-decoration:none;transition:all .2s;font-size:14px;font-weight:500}.nav-link.active{background-color:#eff6ff;color:#2563eb;border-left-color:#2563eb}.nav-link:hover{background-color:#f8fafc}.nav-link.closed{justify-content:center;padding:12px 0}.submenu-parent{justify-content:space-between}.submenu-container{background-color:#fcfcfd;overflow:hidden;transition:max-height .3s ease-out}.submenu-link{padding-left:45px;height:45px;font-size:12px;border-left:none}.sidebar-footer{border-top:1px solid #f1f5f9;padding:10px 0;margin-top:auto}.logout-link{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;color:#ef4444;font-size:14px;font-weight:600}.logout-link.closed{justify-content:center}.logout-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.logout-modal-card{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:360px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(.95);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.logout-icon-wrapper{width:60px;height:60px;background-color:#fee2e2;color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.logout-text-content h3{margin:0 0 10px;color:#1f2937;font-size:1.25rem;font-weight:700}.logout-text-content p{margin:0 0 24px;color:#6b7280;font-size:.95rem;line-height:1.5}.logout-actions{display:flex;gap:12px}.logout-btn{flex:1;padding:12px;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.btn-cancell{background-color:#f3f4f6;color:#374151}.btn-cancell:hover{background-color:#e5e7eb}.btn-confirm{background-color:#ef4444;color:#fff;box-shadow:0 4px 6px -1px #ef444466}.btn-confirm:hover{background-color:#dc2626;transform:translateY(-1px)}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.timesheet-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.timesheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.timesheet-title{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px;color:#1e293b}.timesheet-empty{text-align:center;padding:40px;color:#64748b}.empty-icon{margin:0 auto 10px;opacity:.5}.table-responsive{overflow-x:auto}.ts-table{width:100%;border-collapse:collapse;min-width:600px}.ts-table thead tr{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.ts-table th{padding:12px;color:#475569;font-size:14px;font-weight:600;text-align:left}.ts-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.ts-table tbody tr:hover{background-color:#f1f5f9}.ts-table td{padding:12px;font-size:14px;color:#334155;vertical-align:middle}.ts-date-cell{font-weight:500;color:#1e293b}.ts-date-created{color:#64748b;font-size:13px}.ts-hours{font-weight:700;color:#3b82f6;display:flex;align-items:center;gap:6px;font-size:14px}.ts-action-cell{text-align:right}.ts-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.ts-badge-success{color:#166534;background-color:#dcfce7;border:1px solid #bbf7d0}.ts-badge-warning{color:#854d0e;background-color:#fef9c3;border:1px solid #fde047}.ts-badge-danger{color:#991b1b;background-color:#fee2e2;border:1px solid #fecaca}.ts-badge-secondary{color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb}.btn-detail{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#334155;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease}.btn-detail:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.loading-container,.error-container{padding:40px;text-align:center;font-size:16px;color:#64748b}.error-container{color:#ef4444}.ts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.ts-header h1{font-size:32px;font-weight:800;margin:0}.ts-period-badge{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-weight:700}.ts-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}.ts-stat-card{background:#fff;padding:24px;border-radius:20px;border:1px solid #f1f5f9;display:flex;align-items:center;gap:16px}.ts-icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.ts-calendar-paper{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e2e8f0;border-radius:20px;padding:24px;margin-bottom:32px}.ts-week-row{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #e2e8f0}.ts-row-label{width:80px;font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase}.ts-days-wrapper{display:flex;flex:1;gap:8px}.ts-day-box{width:45px;height:45px;border-radius:8px;border:1px solid #f1f5f9;background:#fff;display:flex;flex-direction:column;align-items:center;transition:all .2s}.ts-day-box.filled{border-color:#3b82f6;background-color:#eff6ff}.ts-day-number{font-size:9px;font-weight:800;margin-top:4px;color:#94a3b8}.ts-day-input{width:100%;border:none;background:transparent;text-align:center;font-size:13px;font-weight:900;outline:none;color:#1e293b}.ts-signature-section{background:#fff;border-radius:24px;border:1px solid #e2e8f0;padding:32px}.ts-stepper{display:flex;justify-content:space-between;margin-bottom:40px;position:relative}.ts-step{flex:1;text-align:center;font-size:13px;font-weight:600;color:#94a3b8;position:relative}.ts-step.active{color:#3b82f6}.ts-step.completed{color:#10b981}.ts-action-area{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px;justify-content:center}.ts-btn{padding:12px 32px;border-radius:12px;font-weight:700;border:none;cursor:pointer;transition:.2s}.ts-btn-primary{background:#3b82f6;color:#fff}.ts-btn-primary:hover{background:#2563eb}.ts-pin-input{width:100%;max-width:300px;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;margin-bottom:16px;font-size:16px;text-align:center}.ts-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ts-modal{background:#fff;padding:32px;border-radius:20px;max-width:400px;text-align:center}.ts-calendar-days-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px}.ts-days-names-wrapper{display:flex;flex:1;gap:8px}.ts-day-name{width:45px;text-align:center;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase}.ts-day-box.empty{border:none;background:transparent}.ts-row-label{width:80px;min-width:80px;font-size:10px;font-weight:800;color:#94a3b8;line-height:1.2}.ts-day-box.empty{border:1px solid transparent;background:#00000005;pointer-events:none}.ts-row-label{min-width:80px;font-size:10px;font-weight:700;color:#94a3b8}.ts-week-container{background:#fff6;border:1px solid #e2e8f0;border-radius:16px;padding:12px;margin-bottom:20px}.ts-row{display:flex;align-items:center;gap:12px;padding:4px 0}.ts-row-label{width:100px;min-width:100px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.invisible{opacity:0}.ts-cell{width:45px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;transition:all .2s}.day-num-cell{background:#f8fafc;color:#1e293b;font-weight:800}.max-cell{color:#94a3b8;font-size:11px;border:1px dashed #e2e8f0}.input-cell{background:#fff;border:1px solid #e2e8f0;height:40px}.input-cell.filled{border-color:#3b82f6;background-color:#eff6ff}.ts-cell.empty{background:transparent!important;border:none!important}.ts-day-input{width:100%;border:none;background:transparent;text-align:center;font-size:14px;font-weight:800;color:#2563eb;outline:none}.ts-calendar-paper.full-width-layout{width:100%;overflow:hidden;background:#fff;border-radius:20px;border:1px solid #e2e8f0;padding:0}.ts-calendar-scroll-container{overflow-x:auto;width:100%}.ts-unified-table{width:100%;border-collapse:collapse;table-layout:fixed}.ts-sticky-col{position:sticky;left:0;background:#f8fafc;z-index:10;width:120px;min-width:120px;padding:15px;border-right:2px solid #e2e8f0;font-size:11px;font-weight:800;color:#64748b;text-transform:uppercase}.ts-header-cell,.ts-data-cell{width:50px;min-width:50px;text-align:center;border:1px solid #f1f5f9;height:50px}.ts-header-cell{background:#f8fafc;height:40px}.day-name-small{font-size:10px;font-weight:700;color:#94a3b8}.day-num{font-weight:800;color:#1e293b;background:#fff}.max-hour{color:#cbd5e1;font-size:11px;background:#fafafa}.input-cell{background:#fff}.input-cell.filled{background:#eff6ff}.ts-table-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:15px;font-weight:800;color:#2563eb;outline:none}.ts-data-cell.empty,.ts-header-cell.empty{background:#fdfdfd;border-color:transparent}.ts-calendar-scroll-container::-webkit-scrollbar{height:8px}.ts-calendar-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media(max-width:768px){.ts-container{padding:16px;border-radius:0;min-height:auto}.ts-header{flex-direction:column;align-items:flex-start;gap:12px}.ts-header h1{font-size:24px}.ts-stats-grid{grid-template-columns:1fr;gap:16px}.ts-stat-card{padding:16px}.ts-calendar-paper.full-width-layout{border-radius:12px;margin-bottom:24px}.ts-calendar-scroll-container{-webkit-overflow-scrolling:touch;padding-bottom:10px}.ts-sticky-col{width:80px;min-width:80px;font-size:10px;padding:10px 5px}.ts-header-cell,.ts-data-cell{width:40px;min-width:40px;height:40px}.ts-table-input{font-size:13px}.ts-signature-section{padding:20px}.ts-stepper{gap:8px}.ts-step{font-size:11px}.ts-action-area{min-height:auto;padding-top:20px}.ts-pin-input{width:100%;max-width:none}.ts-btn{width:100%;padding:14px}}@media(max-width:480px){.ts-header h1{font-size:20px}.ts-icon-box{width:40px;height:40px;font-size:20px}}.ts-cell.filled-leave{background-color:#fef2f2!important;color:#dc2626!important;font-weight:800;border:1px solid #fecaca;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:not-allowed;font-size:13px}.ts-table-input{width:100%;height:100%;border:none;background:transparent;text-align:center;font-size:14px;font-weight:600;outline:none;color:var(--primary-color);cursor:text}.ts-table-input.disabled{cursor:not-allowed;color:var(--text-secondary)}.ts-cell.filled-leave{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:not-allowed;font-size:13px;font-weight:800;border:1px solid transparent}.leave-YI{background-color:#dcfce7;color:#166534;border-color:#bbf7d0}.leave-R{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.leave-UI{background-color:#e0f2fe;color:#075985;border-color:#bae6fd}.leave-MI{background-color:#fef9c3;color:#854d0e;border-color:#fde047}.leave-EI{background-color:#fae8ff;color:#86198f;border-color:#e879f9}.leave-DEFAULT{background-color:#f3f4f6;color:#374151;border-color:#e5e7eb}.dash-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dash-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.dash-header h2{font-size:1.8rem;color:#0f172a;margin:0 0 5px}.text-muted{color:#64748b;font-size:.95rem;margin:0}.date-badge{background-color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:500;color:#475569;box-shadow:0 1px 2px #0000000d;border:1px solid #e2e8f0}.dash-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto auto;gap:24px}.dash-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #00000005;display:flex;flex-direction:column}.card-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;gap:10px}.card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.card-icon{color:#2563eb}.card-body{padding:24px;flex:1}.company-card{grid-column:1;grid-row:1}.home-left-row{grid-column:1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:24px}.company-name{color:#0f172a;font-size:1.25rem;margin-top:0;margin-bottom:16px}.company-card p{line-height:1.6;color:#475569;margin-bottom:24px}.link-btn{display:inline-flex;align-items:center;gap:8px;color:#2563eb;text-decoration:none;font-weight:500;font-size:.95rem}.link-btn:hover{text-decoration:underline}.legal-card{grid-column:2;grid-row:1}.quick-links{list-style:none;padding:0;margin:0}.quick-links li{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:background .2s;border:1px solid transparent}.quick-links li:hover{background-color:#f8fafc;border-color:#e2e8f0}.link-icon{width:32px;height:32px;background-color:#eff6ff;color:#2563eb;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-right:12px}.quick-links span{flex:1;font-weight:500;font-size:.9rem}.arrow{color:#cbd5e1}.support-box{margin-top:24px;background-color:#f8fafc;padding:16px;border-radius:8px;text-align:center;border:1px dashed #cbd5e1}.support-box small{display:block;color:#64748b;margin-bottom:4px}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.active{background-color:#dcfce7;color:#157e23}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.info-card-bottom{grid-column:2;grid-row:2}.right-top-card{grid-column:2}.right-top-body{display:flex;flex-direction:column;gap:18px}.right-top-section{display:flex;flex-direction:column;gap:10px}.right-top-title{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a;text-align:center}.right-top-box{border:1px solid #cbd5e1;border-radius:22px;min-height:110px;padding:14px;background-color:#fff}.right-top-empty{color:#64748b;font-size:.9rem}.today-leaves-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.today-leaves-list li{font-size:.9rem;color:#334155;padding:8px 10px;border:1px solid #e2e8f0;background-color:#f8fafc;border-radius:10px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;width:500px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden}.modal-header{padding:16px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc}.modal-header h3{margin:0;font-size:1rem;color:#334155}.modal-header button{background:none;border:none;cursor:pointer;color:#94a3b8}.modal-body{padding:24px}.legal-text ul{margin:16px 0;padding-left:20px;color:#475569;font-size:.9rem}.legal-text li{margin-bottom:8px}.note{font-size:.8rem;color:#94a3b8;margin-top:20px;font-style:italic}.modal-footer{padding:16px 24px;background-color:#f8fafc;text-align:right;border-top:1px solid #e2e8f0}.btn-close{background-color:#334155;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:.9rem}@media(max-width:768px){.dash-grid{grid-template-columns:1fr}.company-card{grid-row:auto}.home-left-row{grid-template-columns:1fr}.info-card-bottom,.right-top-card{grid-column:auto}}.header-left{display:flex;align-items:center;gap:10px}.company-body-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:30px}.company-desc p{font-size:.95rem;color:#475569;line-height:1.7;margin-bottom:20px}.mission-box{background-color:#f8fafc;border-left:4px solid #2563eb;padding:12px 16px;border-radius:0 8px 8px 0;display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.mission-icon{color:#2563eb;margin-top:3px;flex-shrink:0}.mission-box span{font-size:.9rem;color:#334155}.company-details{border-left:1px solid #f1f5f9;padding-left:30px;display:flex;flex-direction:column;gap:24px}.detail-group small{display:block;font-size:.75rem;text-transform:uppercase;color:#94a3b8;font-weight:700;margin-bottom:10px;letter-spacing:.5px}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{background-color:#eff6ff;color:#2563eb;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid #dbeafe}.competency-list{list-style:none;padding:0;margin:0}.competency-list li{display:flex;align-items:center;gap:10px;font-size:.9rem;color:#475569;margin-bottom:8px}.competency-list li svg{color:#64748b}.badge-tech{background-color:#0f172a;color:#fff;font-size:.7rem;padding:4px 10px;border-radius:4px;font-weight:600;letter-spacing:.5px}@media(max-width:900px){.company-body-grid{grid-template-columns:1fr}.company-details{border-left:none;padding-left:0;border-top:1px solid #f1f5f9;padding-top:20px}}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-title-group{display:flex;align-items:center;gap:10px}.text-primary{color:#2563eb}.close-icon-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;transition:all .2s}.close-icon-btn:hover{background-color:#fee2e2;color:#ef4444}.legal-document{font-family:Segoe UI,system-ui,sans-serif;color:#334155;line-height:1.6}.doc-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #f1f5f9;padding-bottom:15px}.doc-header h4{color:#0f172a;font-size:1.2rem;font-weight:700;margin-bottom:5px;letter-spacing:.5px}.doc-date{font-size:.8rem;color:#94a3b8;font-weight:500}.legal-section{margin-bottom:24px}.legal-section h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:10px;display:flex;align-items:center}.legal-section h5:before{content:"";display:inline-block;width:4px;height:16px;background-color:#2563eb;margin-right:10px;border-radius:2px}.legal-section p{font-size:.95rem;color:#475569;margin-bottom:10px;text-align:justify}.legal-section ul{list-style:none;padding:0;margin:10px 0}.legal-section ul li{position:relative;padding-left:20px;margin-bottom:6px;font-size:.9rem;color:#475569}.legal-section ul li:before{content:"•";color:#2563eb;font-weight:700;position:absolute;left:0}.data-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.data-tags span{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b;padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500}.legal-contact{background-color:#eff6ff;border:1px dashed #bfdbfe;padding:15px;border-radius:8px;text-align:center;margin-top:30px}.legal-contact p{margin:0;color:#1e40af;font-size:.9rem}.kvkk-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.kvkk-modal{background:#fff;width:550px;max-width:90%;height:auto;max-height:85vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:scaleUp .3s ease-out}.kvkk-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0;background-color:#fff}.kvkk-header h3{margin:0;font-size:1.1rem;color:#1e293b;font-weight:700}.kvkk-close-icon{background:none;border:none;cursor:pointer;color:#94a3b8;transition:color .2s;padding:4px}.kvkk-close-icon:hover{color:#ef4444}.kvkk-body{padding:24px;overflow-y:auto;flex:1;font-family:Segoe UI,system-ui,sans-serif;color:#334155;line-height:1.6}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#f1f5f9}.custom-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.kvkk-section{margin-bottom:24px}.blue-border-title{font-size:1rem;color:#0f172a;font-weight:700;border-left:5px solid #2563eb;padding-left:12px;margin-bottom:12px;line-height:1.4}.kvkk-section p{font-size:.95rem;color:#475569;margin:0 0 10px;text-align:left}.kvkk-list{list-style:none;padding:0;margin:0}.kvkk-list li{position:relative;padding-left:18px;margin-bottom:6px;font-size:.9rem;color:#475569}.kvkk-list li:before{content:"•";color:#2563eb;font-weight:700;position:absolute;left:0}.kvkk-tags-wrapper{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.kvkk-tag{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500}.kvkk-footer{padding:16px 24px;border-top:1px solid #e2e8f0;background-color:#f8fafc;text-align:right}.kvkk-close-btn{background-color:#0f172a;color:#fff;border:none;padding:10px 24px;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .2s}.kvkk-close-btn:hover{background-color:#1e293b}.mailhref{text-decoration:none;color:#1e293b}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.ann-widget{display:flex;flex-direction:column;height:100%;min-height:300px}.ann-widget .card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:10px;margin-bottom:10px}.view-all-btn{background:none;border:none;color:#3b82f6;font-size:.85rem;font-weight:500;cursor:pointer;transition:color .2s}.view-all-btn:hover{color:#1d4ed8;text-decoration:underline}.no-padding{padding:0!important}.ann-widget-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.ann-widget-item{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;border-bottom:1px solid #f8fafc;transition:background-color .2s,transform .1s}.ann-widget-item:last-child{border-bottom:none}.ann-widget-item:hover{background-color:#f8fafc}.ann-widget-item:active{background-color:#f1f5f9}.ann-widget-icon{background-color:#eff6ff;color:#3b82f6;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.ann-widget-content{flex:1;display:flex;flex-direction:column;gap:2px}.ann-subject{font-size:.95rem;font-weight:600;color:#334155;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.ann-date{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:4px}.ann-widget-arrow{color:#cbd5e1;transition:transform .2s}.ann-widget-item:hover .ann-widget-arrow{color:#3b82f6;transform:translate(3px)}.widget-loading,.widget-empty{padding:2rem;text-align:center;color:#64748b;font-size:.9rem}.login-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;font-family:Inter,sans-serif;box-sizing:border-box}.login-card{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.icon-circle{background-color:#1976d2;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 15px #1976d24d}.login-input-code{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #ddd;font-size:15px;transition:border-color .2s;box-sizing:border-box}.login-input-code::placeholder{font-size:20px;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;letter-spacing:2px;opacity:.5}.login-input-code:focus::placeholder{color:transparent}.login-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#333}.login-subtitle{font-size:14px;color:#666;margin-bottom:24px;text-align:center}.error-alert{width:100%;padding:12px;background-color:#fdecea;color:#d32f2f;border-radius:8px;font-size:14px;margin-bottom:16px;border:1px solid #f5c2c7}.login-form{width:100%}.input-group{margin-bottom:16px}.input-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#444}.login-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #ddd;font-size:15px;transition:border-color .2s;box-sizing:border-box}.login-input:focus{border-color:#1976d2;outline:none}.password-wrapper{position:relative}.show-password-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#1976d2;font-size:12px;font-weight:600;cursor:pointer}.footer-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.checkbox-label{font-size:13px;display:flex;align-items:center;color:#555;cursor:pointer}.login-link{font-size:13px;color:#1976d2;text-decoration:none}.login-link:hover{text-decoration:underline}.submit-btn{width:100%;padding:14px;background-color:#1976d2;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #1976d233}.submit-btn:hover{background-color:#1565c0;transform:translateY(-1px)}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.signup-text{font-size:14px;color:#666;text-align:center;margin-top:20px}.copyright-text{font-size:12px;color:#888;margin-top:30px}.logo-containeer{width:150px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.verification-instruction{font-size:14px;color:#666;text-align:center;margin-bottom:20px}.code-inputs-container{display:flex;justify-content:center;gap:10px}.code-input-box{width:48px;height:56px;border:2px solid #ddd;border-radius:10px;font-size:24px;font-weight:600;text-align:center;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.code-input-box:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d226;outline:none}.code-input-box::placeholder{color:#ccc}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.not-found-container{height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden;font-family:Inter,sans-serif}.decoration-circle{position:absolute;border-radius:50%;filter:blur(60px);z-index:0;opacity:.6}.circle-1{width:300px;height:300px;background:#bfdbfe;top:-50px;left:-50px;animation:float 8s infinite ease-in-out}.circle-2{width:400px;height:400px;background:#e2e8f0;bottom:-100px;right:-100px;animation:float 10s infinite ease-in-out reverse}.not-found-card{position:relative;z-index:1;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);padding:60px 40px;border-radius:24px;box-shadow:0 20px 50px #0000000d;text-align:center;max-width:500px;width:90%;transition:transform .3s ease}.not-found-card:hover{transform:translateY(-5px)}.icon-container{position:relative;height:100px;margin-bottom:20px;display:flex;justify-content:center;align-items:center}.plane-animation{animation:fly 3s infinite ease-in-out}.cloud{position:absolute;opacity:.5}.cloud-1{top:10px;right:80px;animation:cloudMove 4s infinite linear}.cloud-2{bottom:20px;left:80px;animation:cloudMove 5s infinite linear reverse}.error-code{font-size:100px;font-weight:900;margin:0;line-height:1;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-4px}.error-title{font-size:22px;font-weight:700;color:#1e293b;margin:10px 0}.error-text{color:#64748b;font-size:15px;line-height:1.6;margin-bottom:30px}.home-button{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto;padding:14px 32px;background-color:#2563eb;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #2563eb33}.home-button:hover{background-color:#1d4ed8;transform:translateY(-2px);box-shadow:0 6px 15px #2563eb4d}.home-button:active{transform:translateY(0)}@keyframes fly{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}@keyframes cloudMove{0%{transform:translate(0);opacity:.5}50%{transform:translate(10px);opacity:.8}to{transform:translate(0);opacity:.5}}@media(max-width:600px){.error-code{font-size:80px}.not-found-card{padding:40px 20px}}.pa-container{padding:20px;max-width:900px;margin:0 auto;font-family:Inter,sans-serif}.pa-card{background:#fff;padding:40px;border-radius:24px;box-shadow:0 10px 25px #0000000d;border:1px solid #e2e8f0}.pa-title{font-size:24px;font-weight:700;color:#1e293b;margin-bottom:30px;display:flex;align-items:center;gap:10px}.pa-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pa-input-group{display:flex;flex-direction:column;gap:8px}.pa-input-group label{font-size:13px;font-weight:600;color:#64748b}.pa-input,.pa-select{padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;background-color:#f8fafc;font-size:14px;transition:all .2s;outline:none}.pa-input:focus,.pa-select:focus{border-color:#2563eb;background-color:#fff;box-shadow:0 0 0 4px #2563eb1a}.pa-full-width{grid-column:span 2}.pa-button-container{margin-top:30px;display:flex;justify-content:flex-end}.pa-save-btn{padding:14px 40px;background-color:#2563eb;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;transition:all .2s}.pa-save-btn:hover{background-color:#1e40af;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb33}@media(max-width:768px){.pa-container{padding:12px;width:100%;box-sizing:border-box}.pa-card{padding:20px;border-radius:16px;box-shadow:none;border:1px solid #e2e8f0}.pa-title{font-size:20px;margin-bottom:20px}.pa-form-grid{grid-template-columns:1fr;gap:16px}.pa-full-width{grid-column:span 1}.pa-input,.pa-select{width:100%;box-sizing:border-box;font-size:16px;padding:14px;height:auto}.pa-button-container{margin-top:24px;width:100%;display:block}.pa-save-btn{width:100%;padding:16px;font-size:16px;display:flex;justify-content:center;align-items:center}.pa-input-group label{font-size:14px;margin-bottom:6px}}.pa-input::-webkit-outer-spin-button,.pa-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pa-input[type=number]{-moz-appearance:textfield}.pl-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pl-card{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;border:1px solid #e2e8f0}.pl-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:20px}.pl-title{font-size:24px;font-weight:700;color:#1e293b;margin:0}.pl-subtitle{font-size:14px;color:#64748b;margin-top:4px;display:block}.pl-actions-wrapper{display:flex;gap:12px}.pl-search-box{position:relative}.pl-search-input{padding:10px 16px 10px 40px;border-radius:8px;border:1px solid #cbd5e1;width:280px;font-size:14px;outline:none;transition:all .2s}.pl-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;color:#94a3b8}.pl-add-btn{background-color:#2563eb;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.pl-add-btn:hover{background-color:#1d4ed8}.pl-toggle-btn{background-color:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.pl-toggle-btn:hover{background-color:#e2e8f0}.pl-toggle-btn.active{background-color:#fef3c7;color:#d97706;border-color:#fcd34d}.pl-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.pl-table{width:100%;border-collapse:collapse;min-width:900px}.pl-table th{background-color:#f1f5f9;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;letter-spacing:.05em}.pl-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.pl-row-hover:hover{background-color:#f8fafc}.pl-profile-cell{display:flex;align-items:center;gap:12px}.pl-avatar{width:40px;height:40px;border-radius:50%;background-color:#e0e7ff;color:#4338ca;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.pl-name{font-weight:600;color:#1e293b;font-size:14px;text-transform:capitalize}.pl-role-badge{display:inline-block;font-size:10px;padding:2px 6px;background-color:#f1f5f9;color:#475569;border-radius:4px;border:1px solid #e2e8f0;margin-top:2px;font-weight:600}.pl-mobile-subtext{font-size:11px;color:#94a3b8;margin-top:4px;font-family:monospace}.pl-email{font-size:13px;color:#334155}.pl-phone{font-size:12px;color:#64748b;margin-top:2px}.pl-address-hint{font-size:11px;color:#94a3b8;margin-top:4px;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize}.pl-job-type{font-size:12px;padding:2px 8px;border-radius:12px;background-color:#f0f9ff;color:#0369a1;border:1px solid #bae6fd;font-weight:500}.pl-manager-hint{font-size:11px;color:#64748b;margin-top:6px;text-transform:capitalize}.pl-status-badge{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.pl-status-badge.active{background-color:#dcfce7;color:#166534}.pl-status-badge.active:before{content:"●";color:#166534;font-size:8px}.pl-status-badge.passive{background-color:#fee2e2;color:#991b1b}.pl-status-badge.passive:before{content:"●";color:#991b1b;font-size:8px}.pl-action-buttons{display:flex;justify-content:flex-end;gap:8px}.pl-action-btn{width:32px;height:32px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pl-action-btn:hover{background-color:#f8fafc;border-color:#cbd5e1}.pl-action-btn.delete:hover{background-color:#fef2f2;border-color:#fca5a5;color:#ef4444}.pl-empty-state{text-align:center;padding:40px;color:#64748b}.empty-content span{font-size:24px;display:block;margin-bottom:10px}@media(max-width:768px){.pl-container{padding:12px;background-color:#f1f5f9}.pl-card{padding:0;background:transparent;border:none;box-shadow:none}.pl-header{flex-direction:column;align-items:flex-start;gap:16px;background:#fff;padding:16px;border-radius:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d}.pl-title{font-size:20px}.pl-actions-wrapper{width:100%;flex-direction:column;gap:12px}.pl-search-box,.pl-search-input{width:100%}.pl-add-btn{width:100%;justify-content:center;padding:12px}.pl-table-wrapper{border:none;overflow:visible}.pl-table{display:block;min-width:auto}.pl-table thead{display:none}.pl-table tbody{display:block;width:100%}.pl-table tr{display:block;background:#fff;border-radius:16px;margin-bottom:16px;padding:16px;box-shadow:0 2px 4px #0000000d;border:1px solid #e2e8f0;position:relative}.pl-table td{display:block;padding:8px 0;border-bottom:1px dashed #f1f5f9;text-align:left}.pl-table td:last-child{border-bottom:none;padding-bottom:0;padding-top:16px;margin-top:8px;border-top:1px solid #e2e8f0}.pl-profile-cell{margin-bottom:8px}.pl-avatar{width:48px;height:48px;font-size:18px}.pl-name{font-size:16px}.pl-email,.pl-phone{font-size:14px;display:flex;align-items:center;gap:8px}.pl-action-buttons{justify-content:space-between;width:100%}.pl-action-btn{flex:1;height:40px;border-radius:8px;margin:0 4px}.pl-action-btn:first-child{margin-left:0}.pl-action-btn:last-child{margin-right:0}.pl-row-hover:hover{background-color:#fff}}.perm-list-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.perm-header{margin-bottom:24px}.perm-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 8px}.perm-header p{color:#64748b;font-size:14px;margin:0}.perm-table-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.perm-table th{background-color:#f1f5f9;padding:16px;text-align:left;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.perm-table td{padding:16px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#334155;font-size:14px}.perm-table tr:last-child td{border-bottom:none}.perm-table tr:hover{background-color:#f8fafc}.perm-type-badge{font-weight:600;color:#0f172a}.date-cell,.days-cell{display:flex;align-items:center;gap:6px;color:#475569}.desc-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b;font-size:13px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-approved{background-color:#dcfce7;color:#166534}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-manager-pending{background-color:#fef9c3;color:#854d0e}.status-admin-pending{background-color:#fbc3a3;color:#854d0e}.empty-state{text-align:center;padding:60px;background:#fff;border-radius:12px;border:1px solid #cbd5e1}.empty-state p{color:#94a3b8;margin-top:16px}@media(max-width:768px){.perm-list-container{padding:16px}.perm-table thead{display:none}.perm-table,.perm-table tbody,.perm-table tr,.perm-table td{display:block;width:100%}.perm-table tr{margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.perm-table td{display:flex;justify-content:space-between;align-items:center;padding:10px 0;text-align:right;border-bottom:1px dashed #f1f5f9}.perm-table td:last-child{border-bottom:none;padding-bottom:0}.perm-table td:before{content:attr(data-label);font-weight:600;color:#64748b;font-size:12px;text-transform:uppercase;margin-right:16px;text-align:left}.desc-cell{white-space:normal;max-width:100%;text-align:right}}.perm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.perm-modal-content{background:#fff;width:500px;max-width:90%;border-radius:12px;box-shadow:0 10px 25px #0003;overflow:hidden;animation:slideIn .3s ease-out}.perm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.perm-modal-header h3{margin:0;color:#1e293b;font-size:1.1rem}.perm-close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px;transition:.2s}.perm-close-btn:hover{background-color:#e2e8f0;color:#ef4444}.perm-modal-body{padding:24px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:span 2}.info-item label{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase}.info-item span,.info-item p{font-size:.95rem;color:#334155;margin:5px 0 0;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.5}.info-item.highlight{background-color:#fff7ed;padding:10px;border-radius:6px;border:1px solid #ffedd5}.perm-modal-footer{padding:16px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end}.download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-weight:500;transition:.2s;color:#fff}.download-btn.pdf{background-color:#ef4444}.download-btn.pdf:hover{background-color:#dc2626}.download-btn.excel{background-color:#10b981}.download-btn.excel:hover{background-color:#059669}.detail-btn{background-color:#e0f2fe;color:#0284c7;border:none;padding:6px;border-radius:6px;cursor:pointer;transition:.2s}.detail-btn:hover{background-color:#bae6fd;color:#0369a1}.perm-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.perm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.perm-stat-card{background:#fff;padding:24px;border-radius:20px;border:1px solid #f1f5f9}.perm-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.perm-stat-label{color:#64748b;font-size:14px;font-weight:600}.perm-chip{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.perm-stat-value{font-size:28px;font-weight:800;margin-bottom:12px}.perm-progress-bg{height:8px;background-color:#f1f5f9;border-radius:4px;overflow:hidden}.perm-progress-bar{height:100%;border-radius:4px}.perm-main-layout{display:grid;grid-template-columns:2fr 1fr;gap:32px}@media(max-width:1024px){.perm-main-layout{grid-template-columns:1fr}}.perm-form-card{background:#fff;padding:32px;border-radius:28px;border:1px solid #e2e8f0}.perm-input-group{margin-bottom:24px}.perm-input-group label{display:block;font-weight:700;color:#1e293b;margin-bottom:10px}.perm-input,.perm-select,.perm-textarea{width:100%;padding:12px 16px;border-radius:16px;border:1px solid #e2e8f0;background-color:#f8fafc;font-size:15px;box-sizing:border-box;font-family:inherit}.perm-textarea{resize:vertical;min-height:100px}.perm-submit-btn{width:100%;padding:16px;background-color:#2563eb;color:#fff;border:none;border-radius:16px;font-weight:800;font-size:17px;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:10px}.perm-submit-btn:hover{background-color:#1e40af}.perm-sidebar{position:sticky;top:100px;height:fit-content}.perm-summary-card{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;padding:32px;border-radius:28px;margin-bottom:24px}.perm-summary-card h3{margin-top:0;opacity:.9;font-size:18px}.perm-summary-row{display:flex;justify-content:space-between;margin-bottom:16px}.perm-summary-label{color:#94a3b8}.perm-summary-value{font-weight:800}.perm-summary-total{color:#38bdf8;font-size:24px}.perm-info-note{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:16px;font-size:12px;color:#38bdf8}.perm-important-card{background:#fff;padding:24px;border-radius:28px;border:1px solid #e2e8f0}@media(max-width:768px){.perm-container{padding:16px;min-height:auto;border-radius:0}.perm-stats-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.perm-stat-card{padding:16px}.perm-stat-value{font-size:24px}.perm-main-layout{display:flex;flex-direction:column;gap:24px}.perm-form-card{padding:20px;border-radius:20px}.perm-input,.perm-select,.perm-textarea{padding:14px;font-size:16px}.perm-sidebar{position:static;width:100%;margin-top:0}.perm-summary-card{padding:20px;border-radius:20px}.perm-summary-total{font-size:20px}.perm-submit-btn{padding:14px;font-size:16px}}.perm-date-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:768px){.perm-date-row{grid-template-columns:1fr;gap:16px}}.perm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.perm-modal-content{background-color:#fff;padding:30px;border-radius:12px;width:600px;max-width:90%;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;gap:20px}.perm-modal-text{background-color:#f8fafc;padding:15px;border:1px solid #e2e8f0;border-radius:8px;font-family:Times New Roman,Times,serif;font-size:16px;line-height:1.6;color:#334155;white-space:pre-wrap;max-height:300px;overflow-y:auto}.perm-modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background-color:#ef4444;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600}.btn-sign{background-color:#2563eb;color:#fff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}.la-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;box-sizing:border-box}.la-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.la-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.la-header p{color:#64748b;margin:5px 0 0;font-size:.9rem}.la-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;overflow-x:auto;width:100%}.la-table{width:100%;border-collapse:collapse;min-width:800px}.la-table th{background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;padding:16px 24px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.la-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.la-roww{cursor:pointer;transition:background-color .2s}.la-row:hover{background-color:#f8fafc}.la-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.la-profile{display:flex;align-items:center;gap:12px}.la-avatar{width:36px;height:36px;border-radius:50%;background-color:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.la-user-info{display:flex;align-items:center;gap:12px}.la-name{display:block;font-weight:600;color:#1e293b;font-size:.95rem}.la-role{font-size:.8rem;color:#94a3b8}.la-date-col{display:flex;align-items:center;gap:8px;color:#475569;font-size:.9rem}.la-arrow{color:#94a3b8;font-size:12px}.la-type-badge{background-color:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid #e2e8f0}.la-desc{display:flex;gap:6px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#64748b}.la-actions{display:flex;justify-content:flex-end;gap:8px}.la-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.la-btn.approve{background-color:#22c55e;color:#fff}.la-btn.approve:hover{background-color:#16a34a}.la-btn.reject{background-color:#fff;border:1px solid #fee2e2;color:#ef4444}.la-btn.reject:hover{background-color:#fef2f2}.la-btn:disabled{opacity:.6;cursor:not-allowed}.la-action-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.la-action-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.la-spin{animation:spin 1s linear infinite;color:#3b82f6}.la-loading-state,.la-empty-state{padding:60px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:15px}@media(max-width:768px){.la-table thead{display:none}.la-table,.la-table tbody,.la-table tr,.la-table td{display:block;width:100%}.la-table tr{margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 2px 4px #0000000d}.la-table td{display:flex;justify-content:space-between;align-items:center;text-align:right;padding:10px 0;border-bottom:1px dashed #f1f5f9}.la-table td:last-child{border-bottom:none}.la-table td:before{content:attr(data-label);font-weight:600;color:#94a3b8;font-size:12px}.la-actions{width:100%;gap:10px;margin-top:10px}.la-btn{flex:1;justify-content:center;padding:12px}}.la-spinner{width:12px;height:12px;border:2px solid #ffffff;border-bottom-color:transparent;border-radius:50%;display:inline-block;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.la-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.la-modal{background:#fff;width:90%;max-width:500px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.la-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0}.la-modal-header h3{margin:0;font-size:18px;font-weight:600}.la-close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:4px}.la-close-btn:hover{background-color:#f1f5f9;color:#0f172a}.la-modal-body{padding:24px}.la-modal-info{display:flex;gap:12px;background-color:#f8fafc;padding:12px;border-radius:8px;margin-bottom:16px;font-size:14px;color:#334155;align-items:flex-start}.la-modal-body label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:#475569}.la-textarea{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;outline:none;transition:border-color .2s}.la-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.la-modal-footer{padding:16px 24px;background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.la-btn-secondary{padding:8px 16px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;font-weight:500;cursor:pointer}.la-btn-secondary:hover{background-color:#f1f5f9}.la-btn-primary{padding:8px 16px;border:none;color:#fff;border-radius:6px;font-weight:500;cursor:pointer}.la-btn-primary.success{background-color:#16a34a}.la-btn-primary.success:hover{background-color:#15803d}.la-btn-primary.danger{background-color:#dc2626}.la-btn-primary.danger:hover{background-color:#b91c1c}.la-btn-primary:disabled{opacity:.6;cursor:not-allowed}.request-summary-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.summary-row{display:flex;gap:20px}.summary-item{display:flex;align-items:flex-start;gap:10px;flex:1}.summary-item .label{display:block;font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:2px}.summary-item .value{font-size:.95rem;color:#1e293b;font-weight:500}.reason-text{font-size:.9rem;color:#334155;font-style:italic;margin:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;background:#fff;padding:12px;border-radius:6px;border:1px solid #e2e8f0;width:100%;box-sizing:border-box;max-height:200px;overflow-y:auto}.input-group label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:6px;margin-top:15px}.la-modal-header.header-approve{border-bottom:3px solid #22c55e}.la-modal-header.header-reject{border-bottom:3px solid #ef4444}.ts-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ts-closed-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;background-color:#f9fafb;border-radius:12px;border:2px dashed #d1d5db;color:#4b5563}.ts-closed-text{margin-top:16px;font-size:1.125rem;font-weight:500}.ts-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.ts-btn-primary{background-color:#2563eb;color:#fff}.ts-btn-primary:hover{background-color:#1d4ed8}.ts-btn-secondary{background-color:#f3f4f6;color:#374151;border-color:#d1d5db}.ts-btn-secondary:hover{background-color:#e5e7eb}.ts-action-group{display:flex;justify-content:flex-end;gap:8px}.ts-action-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.ts-action-btn:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.ts-btn-approve{padding:10px 20px;border:none;background:#22c55e;color:#fff;border-radius:6px;cursor:pointer;font-weight:500}.ts-btn-approve:hover{background-color:#16a34a}.ts-btn-reject{padding:10px 20px;border:1px solid #fee2e2;background:#fff;color:#ef4444;border-radius:6px;cursor:pointer;font-weight:500}.ts-btn-reject:hover{background-color:#fef2f2}.ts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.ts-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.ts-header p{color:#64748b;margin:5px 0 0;font-size:.9rem}.ts-title{font-size:1.5rem;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.ts-subtitle{color:#6b7280;font-size:.875rem;margin-top:4px}.ts-loading-state,.ts-empty-state,.ts-error-state{padding:60px;text-align:center;color:#64748b}.ts-spin{animation:spin 1s linear infinite;color:#3b82f6;margin-bottom:10px}.ts-clickable-row{cursor:pointer;transition:background-color .2s}.ts-clickable-row:hover{background-color:#f8fafc}.ts-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.ts-table{width:100%;border-collapse:collapse}.ts-table th{background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;text-align:left;border-bottom:1px solid #e2e8f0}.ts-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem;vertical-align:middle}.ts-table tr:last-child td{border-bottom:none}.ts-user-cell{display:flex;align-items:center;gap:12px}.ts-avatar{width:40px;height:40px;border-radius:50%;background-color:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.ts-user-name{display:block;font-weight:600;color:#1e293b}.ts-user-role{font-size:.8rem;color:#94a3b8}.ts-status-badgee{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.ts-hour-celll,.ts-date-celll{display:flex;align-items:center;gap:8px;color:#475569;font-weight:500}.ts-desc-cell{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.875rem;color:#6b7280}.ts-badgee{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid;display:inline-block}.ts-status-approved{background-color:#dcfce7;color:#15803d;border-color:#bbf7d0}.ts-status-signed{background-color:#dcfce7;color:#79ff62;border-color:#bbf7d0}.ts-status-sign{background-color:#dcfce7;color:#3b82f6;border-color:#bbf7d0}.ts-status-rejected{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.ts-status-control{background-color:#fefce8;color:#f59e0b;border-color:#fef08a}.ts-action-done{color:#9ca3af;font-size:.75rem;font-style:italic}.ts-empty-msg{text-align:center;padding:40px;color:#6b7280}.ts-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ts-modal{background:#fff;border-radius:12px;width:450px;max-width:90%;box-shadow:0 10px 25px #0000001a;overflow:hidden;animation:fadeIn .2s ease-out}.ts-modal-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e2e8f0}.ts-modal-header.header-approve{border-top:4px solid #22c55e}.ts-modal-header.header-reject{border-top:4px solid #ef4444}.ts-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#1e293b}.ts-close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:50%;transition:background .2s}.ts-close-btn:hover{background:#f1f5f9;color:#334155}.ts-modal-body{padding:24px}.ts-summary-card{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.ts-summary-row{display:flex;gap:16px}.ts-summary-item{display:flex;align-items:flex-start;gap:10px;flex:1}.ts-summary-item .label{display:block;font-size:.75rem;color:#64748b;font-weight:600;text-transform:uppercase;margin-bottom:2px}.ts-summary-item .value{font-size:.95rem;color:#1e293b;font-weight:500}.reason-text{font-size:.9rem;color:#334155;font-style:italic;margin:0;background:#fff;padding:10px;border-radius:4px;border:1px dashed #cbd5e1;width:100%;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;line-height:1.5;max-height:150px;overflow-y:auto}.ts-alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;margin-bottom:20px;font-size:.9rem}.ts-alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.ts-alert.danger{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.ts-input-group label{display:block;font-size:.9rem;font-weight:600;color:#475569;margin-bottom:8px}.ts-textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;resize:vertical;box-sizing:border-box}.ts-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.ts-modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}.ts-btn-secondary{padding:10px 20px;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;cursor:pointer;font-weight:500}.ts-btn-secondary:hover{background:#f1f5f9}.ts-btn-primary{padding:10px 20px;border:none;color:#fff;border-radius:6px;cursor:pointer;font-weight:500}.ts-btn-primary.success{background:#22c55e}.ts-btn-primary.success:hover{background:#16a34a}.ts-btn-primary.danger{background:#ef4444}.ts-btn-primary.danger:hover{background:#dc2626}.ts-btn-primary:disabled{opacity:.7;cursor:not-allowed}.text-gray-500{color:#64748b;margin-top:2px}.full-width{width:100%}.list-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.list-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.list-header p{color:#64748b;margin:5px 0 0;font-size:.9rem}.list-actions{display:flex;gap:12px}.search-box input,.filter-box select{padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:all .2s;background-color:#fff;color:#334155;height:42px}.table-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;border:1px solid #e2e8f0}.custom-table{width:100%;border-collapse:collapse}.custom-table th{background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;text-align:left;border-bottom:1px solid #e2e8f0}.custom-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.95rem;vertical-align:middle}.custom-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f8fafc}.user-info{display:flex;align-items:center;gap:12px}.avatar-circle{width:40px;height:40px;border-radius:50%;background-color:#eff6ff;color:#3b82f6;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.user-name{display:block;font-weight:600;color:#1e293b}.user-role{font-size:.8rem;color:#94a3b8}.period-info,.hour-info{display:flex;align-items:center;gap:8px;color:#475569;font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;display:inline-block}.action-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s}.action-btn:hover{background-color:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.loading-state,.empty-state,.error-state{padding:60px;text-align:center;color:#64748b}.spin{animation:spin 1s linear infinite;color:#3b82f6;margin-bottom:10px}@media(max-width:768px){.list-header{flex-direction:column;align-items:flex-start}.list-actions{width:100%;flex-direction:column}.search-box,.filter-box,.search-box input,.filter-box select{width:100%}.table-wrapper{overflow-x:auto}}.perm-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-width:100%;box-sizing:border-box}.perm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.perm-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.perm-header p{color:#64748b;margin:5px 0 0;font-size:.9rem}.list-actions{display:flex;gap:12px;flex-wrap:wrap}.search-box,.filter-box{position:relative;display:flex;align-items:center}.search-icon,.filter-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.search-box input,.filter-box select{padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:all .2s;background-color:#fff;color:#334155;height:42px;min-width:150px}.search-box input:focus,.filter-box select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.perm-table-wrapper{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;overflow-x:auto;width:100%}.perm-table{width:100%;border-collapse:collapse;min-width:800px}.perm-table th{background-color:#f8fafc;color:#64748b;font-weight:600;font-size:.85rem;text-transform:uppercase;padding:16px 24px;text-align:left;border-bottom:1px solid #e2e8f0;white-space:nowrap}.perm-table td{padding:16px 24px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle;white-space:nowrap}.perm-row{cursor:pointer;transition:background-color .2s}.perm-row:hover{background-color:#f8fafc}.perm-user-info{display:flex;align-items:center;gap:12px}.perm-avatar{width:36px;height:36px;border-radius:50%;background-color:#e0e7ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.perm-name{display:block;font-weight:600;color:#1e293b;font-size:.95rem}.perm-role{font-size:.8rem;color:#94a3b8}.perm-type-badge{background-color:#f1f5f9;color:#475569;padding:4px 10px;border-radius:6px;font-size:.85rem;font-weight:500;border:1px solid #e2e8f0}.perm-date{display:flex;align-items:center;gap:8px;color:#475569;font-size:.9rem}.perm-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;white-space:nowrap}.perm-action-btn{padding:8px 16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:all .2s;white-space:nowrap}.perm-action-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.loading-state,.empty-state{padding:60px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:15px}.spin{animation:spin 1s linear infinite;color:#3b82f6}@media(max-width:768px){.perm-container{padding:12px;border:none;box-shadow:none;background:transparent;width:100%;box-sizing:border-box;overflow-x:hidden}.perm-header{flex-direction:column;align-items:flex-start;gap:15px;width:100%}.list-actions{width:100%;flex-direction:column;gap:10px}.search-box,.filter-box,.search-box input,.filter-box select{width:100%;max-width:100%;box-sizing:border-box}.perm-table-wrapper{border:none;box-shadow:none;background:transparent;overflow:visible;width:100%}.perm-table,.perm-table tbody,.perm-table tr,.perm-table td{display:block;width:100%;box-sizing:border-box}.perm-table thead{display:none}.perm-row{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%}.perm-table td{padding:0 0 12px;border:none;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:.95rem;width:100%;border-bottom:1px solid #f1f5f9;margin-bottom:0}.perm-table td:last-child{border-bottom:none;padding-bottom:0}.perm-table td:before{font-weight:700;color:#94a3b8;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.perm-table td:first-child{border-bottom:2px solid #e2e8f0;padding-bottom:16px;margin-bottom:8px;flex-direction:row;align-items:center;gap:12px}.perm-table td:first-child:before{content:none}.perm-table td:nth-of-type(2):before{content:"İzin Türü"}.perm-table td:nth-of-type(3):before{content:"Tarih Aralığı"}.perm-table td:nth-of-type(4):before{content:"Süre"}.perm-table td:nth-of-type(5):before{content:"Durum"}.perm-table td:last-child{margin-top:8px;padding-top:0;align-items:stretch}.perm-table td:last-child:before{content:none}.perm-action-btn{width:100%;justify-content:center;background-color:#f8fafc;padding:12px;border:1px solid #e2e8f0;margin-top:4px}}:root{--bg-color: #f8f9fa;--card-bg: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--primary-color: #3b82f6;--success-color: #22c55e;--danger-color: #ef4444}.detail-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.detail-loading,.detail-error{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.1rem;color:var(--text-secondary);gap:10px}.detail-header{display:flex;justify-content:space-between;align-items:center}.back-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-color);color:var(--text-primary);font-weight:600;cursor:pointer;padding:.6rem 1.2rem;border-radius:8px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.back-btn:hover{background-color:#f1f5f9}.status-pill{padding:.5rem 1rem;border-radius:99px;font-size:.875rem;font-weight:600;text-transform:capitalize}.status-draft{background:#f1f5f9;color:#475569}.status-pending-hr{background:#fff7ed;color:#c2410c}.status-pending-admin{background:#eff6ff;color:#1d4ed8}.status-approved{background:#f0fdf4;color:#15803d}.status-rejected{background:#fef2f2;color:#b91c1c}.top-info-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-card{background:var(--card-bg);padding:1.25rem;border-radius:12px;border:1px solid var(--border-color);display:flex;align-items:center;gap:1rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s}.info-card:hover{transform:translateY(-2px)}.icon-wrapper{background-color:#eff6ff;padding:12px;border-radius:10px;color:var(--primary-color)}.info-content label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px}.info-content h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.download-card{display:flex;flex-direction:column;justify-content:center;gap:.5rem;background:var(--card-bg);padding:1rem;border-radius:12px;border:1px solid var(--border-color)}.download-card label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px}.download-buttons{display:flex;gap:.5rem}.btn-download{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:.6rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;color:#fff;transition:opacity .2s}.btn-download:hover{opacity:.9}.btn-download.excel{background-color:#10b981}.btn-download.pdf{background-color:#ef4444}.comment-section{background-color:#fffbeb;border:1px solid #fcd34d;padding:1rem;border-radius:8px;color:#92400e;font-size:.95rem;display:flex;margin:15px 0;gap:10px;align-items:flex-start}.calendar-full-width{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden}.calendar-full-width h4{margin-top:0;margin-bottom:1.5rem;color:var(--text-primary);font-size:1.25rem}.ts-calendar-paper{border:none!important;box-shadow:none!important;padding:0!important}.ts-unified-table{width:100%;border-collapse:separate;border-spacing:0}.ts-unified-table th,.ts-unified-table td{border:1px solid var(--border-color);padding:8px;text-align:center;min-width:45px}.ts-sticky-col{position:sticky;left:0;background:#f8fafc;z-index:10;font-weight:600;color:var(--text-secondary);text-align:left;padding-left:1rem;border-right:2px solid var(--border-color)}.ts-header-cell{background:#f1f5f9;color:var(--text-secondary);font-weight:600}.ts-data-cell{height:40px}.day-num{font-weight:700;color:var(--text-primary);background:#fff}.max-hour{color:var(--text-secondary);background:#f8fafc}.input-cell{background:#fff;padding:0}.disabled-cell-bg{background-color:#f1f5f9}.filled{background-color:#eff6ff}.action-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:1rem 2rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem;z-index:100;box-shadow:0 -4px 6px -1px #0000000d}.btn-approve,.btn-reject{display:flex;align-items:center;gap:8px;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;border:none;cursor:pointer;color:#fff}.btn-approve{background-color:var(--success-color)}.btn-reject{background-color:var(--danger-color)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:100%;max-width:500px}.modal-content textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:1rem}.btn-text{background:none;border:none;cursor:pointer;color:var(--text-secondary)}.btn-reject-confirm{background:var(--danger-color);color:#fff;padding:.5rem 1rem;border-radius:6px;border:none;cursor:pointer}.perm-detail-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:8px;background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;font-size:1rem}.status-pill{padding:8px 16px;border-radius:20px;font-weight:600;font-size:.9rem}.status-pending{background:#fff7ed;color:#ea580c}.status-approved{background:#f0fdf4;color:#16a34a}.status-rejected{background:#fef2f2;color:#dc2626}.perm-detail-content{display:grid;grid-template-columns:350px 1fr;gap:24px;align-items:start}.perm-info-panel{display:flex;flex-direction:column;gap:16px}.info-card{background:#fff;padding:20px;border-radius:12px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:16px}.icon-wrapper{width:48px;height:48px;border-radius:10px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center}.info-card h3{margin:0;font-size:1.05rem;color:#0f172a}.info-card label{font-size:.85rem;color:#64748b;display:block;margin-bottom:4px}.btn-download-pdf{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background-color:#fff;border:1px dashed #cbd5e1;border-radius:12px;color:#475569;font-weight:600;cursor:pointer;transition:all .2s}.btn-download-pdf:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.perm-desc-panel{display:flex;flex-direction:column;gap:20px}.desc-box{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;min-height:200px}.desc-box h4{margin:0 0 16px;color:#334155;display:flex;align-items:center;gap:8px}.desc-box p{color:#475569;line-height:1.6;font-size:1rem;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.5;margin-top:5px}.rejection-box{background:#fef2f2;border:1px solid #fecaca;padding:20px;border-radius:12px;color:#991b1b}.rejection-box p{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.5;margin-top:5px}.rejection-box h4{margin:0 0 8px;display:flex;align-items:center;gap:8px}.action-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:20px 50px 20px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px;box-shadow:0 -4px 6px -1px #0000000d}.btn-approve,.btn-reject{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:1rem;border:none;color:#fff}.btn-approve{background:#16a34a}.btn-reject{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:400px}.modal-content textarea{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;margin:15px 0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.btn-text{background:none;border:none;cursor:pointer;color:#64748b}.btn-reject-confirm{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer}@media(max-width:900px){.perm-detail-content{grid-template-columns:1fr}.action-footer{padding-right:20px;justify-content:space-between}.btn-approve,.btn-reject{flex:1;justify-content:center}}.comment-section{background-color:#fffbeb;border:1px solid #fcd34d;padding:1rem;border-radius:8px;color:#92400e;font-size:.95rem;display:flex;gap:10px;align-items:flex-start}.comment-box p{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word;max-width:100%;line-height:1.5;margin-top:5px}.al-container{width:100%;border-radius:12px;box-shadow:0 1px 3px #0000001a;background-color:#fff;display:flex;justify-content:center;align-items:flex-start;padding:3rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.al-cardd{background-color:#fff;width:100%;border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;border:1px solid rgba(255,255,255,.5)}.al-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f3f4f6;flex-wrap:wrap;gap:1.5rem}.al-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0;display:flex;align-items:center;gap:.75rem;letter-spacing:-.025em}.al-subtitle{font-size:.9rem;color:#6b7280;margin-top:.25rem;display:block;font-weight:400}.al-search-box{position:relative;width:100%;max-width:350px}.al-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af}.al-search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border-radius:10px;border:1px solid #e5e7eb;background-color:#f9fafb;font-size:.95rem;color:#1f2937;transition:all .2s ease;box-sizing:border-box}.al-search-input:focus{outline:none;background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.al-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb;background-color:#fff}.al-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.925rem}.al-table thead{background-color:#f9fafb}.al-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;color:#4b5563;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.al-table th svg{vertical-align:text-bottom;margin-right:6px;color:#9ca3af}.al-table td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle;transition:background-color .15s}.al-table tbody tr:hover td{background-color:#f9fafb}.al-table tbody tr:last-child td{border-bottom:none}.al-date-cell{white-space:nowrap;color:#6b7280;font-variant-numeric:tabular-nums;font-size:.875rem}.al-user-cell{display:flex;align-items:center;gap:12px}.al-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;box-shadow:0 2px 4px #2563eb33;flex-shrink:0}.al-user-info{display:flex;flex-direction:column}.al-user-name{font-weight:600;color:#111827;font-size:.95rem}.al-user-email{font-size:.8rem;color:#9ca3af}.al-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap;text-transform:capitalize}.al-badge-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.al-badge-danger{background-color:#fee2e2;color:#991b1b;border:1px solid #fecaca}.al-badge-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.al-badge-info{background-color:#eff6ff;color:#1e40af;border:1px solid #dbeafe}.al-details-cell{max-width:300px;color:#4b5563;font-size:.875rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.al-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:.875rem;color:#6b7280;text-align:right}.al-empty,.al-loading,.al-error{text-align:center;padding:3rem;color:#6b7280;background-color:#f9fafb;border-radius:12px}.al-error{color:#ef4444;background-color:#fef2f2}@media(max-width:768px){.al-container{padding:1rem}.al-card{padding:1.5rem}.al-header{flex-direction:column;align-items:flex-start;gap:1rem}.al-search-box{max-width:100%}}._container_ss4by_4{width:100%;display:flex;justify-content:center;align-items:flex-start;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:3rem 1rem;background-color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}._card_ss4by_20{background-color:#fff;width:100%;max-width:700px;border-radius:20px;box-shadow:0 -4px 4px 6px #0000000d,6px 6px 6px 6px #0000000d;padding:2.5rem;border:1px solid rgba(229,231,235,.5);animation:_fadeIn_ss4by_1 .4s ease-out}@keyframes _fadeIn_ss4by_1{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}._header_ss4by_46{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f1f5f9}._backBtn_ss4by_52{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1.25rem;padding:0;transition:color .2s ease,transform .2s ease}._backBtn_ss4by_52:hover{color:#0f172a;transform:translate(-4px)}._titleWrapper_ss4by_72{display:flex;align-items:flex-start;gap:1.25rem}._iconBox_ss4by_78{background:linear-gradient(135deg,#eff6ff,#dbeafe);padding:16px;border-radius:16px;border:1px solid #bfdbfe;display:flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}._titleContent_ss4by_90 h2{font-size:1.5rem;color:#1e293b;margin:0 0 6px;font-weight:700;line-height:1.2}._titleContent_ss4by_90 p{color:#64748b;margin:0;font-size:.95rem;line-height:1.5}._form_ss4by_106{display:flex;flex-direction:column;gap:1.75rem}._inputGroup_ss4by_112{display:flex;flex-direction:column;gap:.6rem}._inputGroup_ss4by_112 label{font-size:.9rem;font-weight:600;color:#334155;margin-left:2px}._input_ss4by_112,._textarea_ss4by_127{width:100%;padding:.875rem 1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:.95rem;color:#1e293b;transition:all .2s ease;font-family:inherit;box-sizing:border-box}._input_ss4by_112::placeholder,._textarea_ss4by_127::placeholder{color:#94a3b8}._input_ss4by_112:focus,._textarea_ss4by_127:focus{outline:none;background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}._input_ss4by_112:hover,._textarea_ss4by_127:hover{border-color:#cbd5e1}._textarea_ss4by_127{resize:vertical;min-height:150px;line-height:1.6}._charCount_ss4by_165{font-size:.75rem;color:#94a3b8;text-align:right;margin-top:4px}._footer_ss4by_173{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f1f5f9}._cancelBtn_ss4by_183{padding:.75rem 1.5rem;border-radius:10px;border:1px solid #e2e8f0;background-color:#fff;color:#475569;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s}._cancelBtn_ss4by_183:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#1e293b}._submitBtn_ss4by_201{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 2rem;border-radius:10px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}._submitBtn_ss4by_201:hover{transform:translateY(-1px);box-shadow:0 8px 10px -2px #2563eb4d;filter:brightness(110%)}._submitBtn_ss4by_201:active{transform:translateY(0)}._submitBtn_ss4by_201:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:640px){._container_ss4by_4{padding:1rem}._card_ss4by_20{padding:1.5rem;border-radius:16px}._titleWrapper_ss4by_72{flex-direction:column;gap:1rem}._iconBox_ss4by_78{align-self:flex-start}._footer_ss4by_173{flex-direction:column-reverse;gap:.75rem}._cancelBtn_ss4by_183,._submitBtn_ss4by_201{width:100%}}.ad-container{padding:24px;border-radius:12px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;background-color:#fff;display:flex;justify-content:center;align-items:flex-start}.ad-card{background-color:#fff;width:100%;max-width:800px;border-radius:12px;box-shadow:4px 4px 6px 6px #0000001a,4px 4px 6px 6px #0000000f;padding:2.5rem;margin-top:2rem}.ad-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s}.back-btn:hover{color:#0f172a}.ad-actions{display:flex;gap:10px}.action-btn{display:flex;align-items:center;gap:5px;padding:8px 12px;border-radius:6px;border:1px solid transparent;cursor:pointer;font-size:.85rem;transition:all .2s}.action-btn.delete{background-color:#fee2e2;color:#991b1b}.action-btn.delete:hover{background-color:#fecaca}.ad-title-section{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2.5rem}.ad-icon-box{background-color:#eff6ff;padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:center}.ad-title-text h1{font-size:1.75rem;color:#1e293b;margin:0 0 .5rem;line-height:1.3}.ad-meta{display:flex;gap:1rem;color:#64748b;font-size:.9rem}.meta-item{display:flex;align-items:center;gap:6px}.ad-content-box{font-size:1.05rem;line-height:1.8;color:#334155;background-color:#f8fafc;padding:2rem;border-radius:8px;border:1px solid #f1f5f9}.ad-content-box p{white-space:pre-wrap;word-break:break-word;margin:0}.ad-loading,.ad-error{text-align:center;margin-top:5rem;font-size:1.2rem;color:#64748b}.ad-error{color:#ef4444}.ann-page-container{border-radius:12px;box-shadow:0 1px 3px #0000001a;background-color:#fff;padding:2rem;font-family:Inter,sans-serif}.ann-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap;gap:1.5rem}.ann-title-box h2{font-size:1.75rem;color:#111827;margin:0;font-weight:700;letter-spacing:-.025em}.ann-title-box p{color:#6b7280;margin:6px 0 0;font-size:.95rem}.ann-actions{display:flex;gap:1rem;align-items:center}.ann-search-box{position:relative;width:300px}.ann-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.ann-search-box input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #e5e7eb;border-radius:10px;background-color:#fff;font-size:.95rem;color:#1f2937;transition:all .2s ease;box-sizing:border-box;box-shadow:0 1px 2px #0000000d}.ann-search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.ann-add-btn{display:flex;align-items:center;gap:.6rem;background-color:#2563eb;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95rem;transition:all .2s ease;box-shadow:0 4px 6px -1px #2563eb33}.ann-add-btn:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 8px -1px #2563eb4d}.ann-content{width:100%;position:relative}.ann-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.ann-card{background-color:#fff;border-radius:16px;padding:1.5rem;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid rgba(229,231,235,.5);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;height:100%}.ann-card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;border-color:#bfdbfe}.ann-card-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#2563eb;padding:14px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #bfdbfe}.ann-card-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0}.ann-card-title{font-size:1.1rem;color:#111827;margin:0;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ann-card-date{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#9ca3af;font-weight:500}.ann-card-preview{font-size:.9rem;color:#4b5563;margin:4px 0 0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ann-card-arrow{color:#d1d5db;transition:all .2s;align-self:center;margin-left:auto}.ann-card:hover .ann-card-arrow{color:#2563eb;transform:translate(3px)}.ann-empty,.ann-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem;text-align:center;color:#6b7280;background:#fff;border-radius:16px;width:100%;border:1px dashed #e5e7eb}@media(max-width:768px){.ann-header{flex-direction:column;align-items:flex-start}.ann-actions,.ann-search-box,.ann-add-btn{width:100%}}.role-container{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:24px;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.role-card{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:24px;animation:fadeIn .4s ease-in-out}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.icon-box{background-color:#eff6ff;color:#2563eb;padding:12px;border-radius:8px;display:flex;align-items:center;justify-content:center}.title-text h2{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.title-text p{font-size:.875rem;color:#6b7280;margin:4px 0 0}.role-select-wrapper{max-width:400px}.role-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.role-select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s;background-color:#fff}.role-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #f3f4f6}.role-title{font-size:1.1rem;font-weight:600;color:#374151}.action-buttons{display:flex;gap:8px}.btn-small{font-size:.75rem;font-weight:600;padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-select-all{color:#2563eb;background-color:#fff;border-color:#bfdbfe}.btn-select-all:hover{background-color:#eff6ff}.btn-clear{color:#dc2626;background-color:#fff;border-color:#fecaca}.btn-clear:hover{background-color:#fef2f2}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:32px}.permission-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease;background-color:#fff}.permission-item:hover{background-color:#f9fafb;border-color:#d1d5db}.permission-item.active{background-color:#eff6ff;border-color:#bfdbfe;box-shadow:0 1px 2px #2563eb1a}.check-icon{color:#2563eb;margin-top:2px}.unchecked-icon{color:#9ca3af;margin-top:2px}.perm-info span{display:block}.perm-name{font-size:.9rem;font-weight:600;color:#374151}.permission-item.active .perm-name{color:#1e40af}.perm-code{font-size:.75rem;color:#9ca3af}.footer-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #f3f4f6}.save-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-weight:600;color:#fff;background-color:#16a34a;border:none;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px -1px #0000001a}.save-btn:hover{background-color:#15803d;transform:translateY(-1px)}.save-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.loading-text{text-align:center;padding:40px;color:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--bg-page: #f3f4f6;--bg-card: #ffffff;--text-main: #1f2937;--text-sub: #6b7280;--border-color: #e5e7eb;--success-color: #10b981;--error-color: #ef4444;--radius-lg: 12px;--radius-md: 8px;--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}.bulk-page-wrapper{padding:40px 20px;display:flex;justify-content:center;background-color:var(--bg-page);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bulk-main-card{background:var(--bg-card);width:100%;max-width:900px;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.bulk-header{background:linear-gradient(to right,#4f46e5,#6366f1);color:#fff;padding:25px 30px;display:flex;align-items:center;gap:15px}.header-icon{background:#fff3;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center}.bulk-header h2{margin:0;font-size:1.5rem;font-weight:600}.header-desc{margin:5px 0 0;opacity:.9;font-size:.9rem}.bulk-content{padding:30px}.info-banner{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:15px;border-radius:var(--radius-md);display:flex;align-items:flex-start;gap:12px;margin-bottom:25px}.info-banner code{background:#ffffff80;padding:2px 6px;border-radius:4px;font-family:monospace;font-weight:700}.drop-zone-area{border:2px dashed #cbd5e1;border-radius:var(--radius-lg);padding:50px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#f8fafc}.drop-zone-area:hover,.drop-zone-area.dragging{border-color:var(--primary-color);background-color:#eef2ff;transform:scale(1.01)}.drop-icon-wrapper{background:#e0e7ff;color:var(--primary-color);width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.drop-zone-area h3{margin:0;color:var(--text-main);font-size:1.1rem}.drop-zone-area p{margin:5px 0 15px;color:var(--text-sub)}.file-limit{font-size:.8rem;color:#9ca3af;background:#fff;padding:4px 10px;border-radius:20px;border:1px solid #e5e7eb}.file-preview-section{margin-top:30px;animation:slideUp .4s ease-out}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.count-badge{background:#e5e7eb;padding:2px 8px;border-radius:10px;font-size:.8rem;color:var(--text-main)}.clear-all-btn{background:none;border:none;color:var(--error-color);font-size:.9rem;cursor:pointer;text-decoration:underline}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-bottom:25px;max-height:300px;overflow-y:auto;padding:2px}.file-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 2px #0000000d;transition:transform .2s}.file-card:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.file-icon{color:#ef4444}.file-info{flex:1;overflow:hidden}.file-name{display:block;font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{display:block;font-size:.75rem;color:var(--text-sub)}.remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.remove-btn:hover{background:#fee2e2;color:var(--error-color)}.action-btn{width:100%;padding:14px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s}.upload-btn{background-color:var(--primary-color);color:#fff}.upload-btn:hover:not(:disabled){background-color:var(--primary-hover)}.upload-btn:disabled{opacity:.7;cursor:not-allowed}.reset-btn{background-color:#fff;border:2px solid var(--border-color);color:var(--text-main);margin-top:20px}.reset-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.results-section{animation:fadeIn .5s ease-out}.results-summary-card{display:flex;gap:20px;margin-bottom:20px}.summary-item{flex:1;padding:15px;border-radius:var(--radius-md);text-align:center}.summary-item.success{background-color:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.summary-item.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.summary-item .label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.summary-item .value{font-size:1.8rem;font-weight:700}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.modern-table{width:100%;border-collapse:collapse;font-size:.95rem}.modern-table th{background-color:#f9fafb;color:var(--text-sub);font-weight:600;text-align:left;padding:12px 20px;border-bottom:1px solid var(--border-color)}.modern-table td{padding:12px 20px;border-bottom:1px solid var(--border-color)}.modern-table tr:last-child td{border-bottom:none}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600}.status-pill.success{background-color:#d1fae5;color:#047857}.status-pill.error{background-color:#fee2e2;color:#b91c1c}.filename-cell{font-weight:500;color:var(--text-main)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--primary: #4f46e5;--bg-page: #f8fafc;--border: #e2e8f0;--text-dark: #1e293b;--text-light: #64748b;--success: #10b981;--danger: #ef4444;--warning: #f59e0b}.report-container{padding:20px;background-color:var(--bg-page);border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.report-header-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:15px}.icon-box{background-color:#e0e7ff;color:var(--primary);padding:10px;border-radius:10px}.header-left h2{margin:0;font-size:1.25rem;color:var(--text-dark)}.header-left p{margin:2px 0 0;font-size:.875rem;color:var(--text-light)}.header-controls{display:flex;align-items:center;gap:15px}.month-selector{display:flex;align-items:center;background:#f1f5f9;border-radius:8px;padding:4px}.month-selector button{background:#fff;border:1px solid var(--border);border-radius:6px;padding:6px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.month-selector button:hover{background:#e2e8f0}.month-selector span{padding:0 15px;font-weight:600;color:var(--text-dark);min-width:120px;text-align:center}.download-btn{display:flex;align-items:center;gap:8px;background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.download-btn:hover:not(:disabled){background-color:#4338ca}.download-btn:disabled{opacity:.6;cursor:not-allowed}.report-content-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid var(--border);overflow:hidden;min-height:400px}.table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse}.report-table th{background-color:#f8fafc;color:var(--text-light);font-weight:600;font-size:.85rem;text-transform:uppercase;padding:15px 20px;text-align:left;border-bottom:1px solid var(--border)}.report-table td{padding:15px 20px;border-bottom:1px solid var(--border);color:var(--text-dark);font-size:.95rem}.report-table tr:hover{background-color:#f8fafc}.text-center{text-align:center!important}.fw-bold{font-weight:600}.text-muted{color:var(--text-light);font-size:.9rem}.status-badge{padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:600;display:inline-flex;min-width:70px}.status-badge.positive{background-color:#dcfce7;color:#166534}.status-badge.negative{background-color:#fee2e2;color:#991b1b}.status-badge.neutral{background-color:#f1f5f9;color:#64748b}.progress-bar-bg{background-color:#e2e8f0;border-radius:10px;height:8px;width:100%;overflow:hidden;margin-bottom:4px}.progress-bar-fill{height:100%;border-radius:10px}.progress-bar-fill.good{background-color:var(--success)}.progress-bar-fill.low{background-color:var(--danger)}.progress-text{font-size:.75rem;color:var(--text-light);display:block;text-align:right}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:var(--text-light);gap:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}