body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sidebar{align-self:flex-start;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow:visible;padding:20px;position:-webkit-sticky;position:sticky;top:0;transition:width .3s ease;width:250px}.sidebar.collapsed{width:80px}.user{color:#0b0f19;font-size:1.05rem;margin-bottom:24px;margin-top:50px;overflow:hidden;white-space:nowrap}.badge{background:#1a73e8;border-radius:12px;color:#fff;font-size:.75rem;margin-left:6px;padding:2px 8px}.sidebar-nav{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:6px;min-height:0;overflow-x:visible;overflow-y:auto}.navlink{align-items:center;border-radius:8px;color:#111827;display:flex;gap:12px;padding:10px 12px;position:relative;text-decoration:none;transition:background .15s,color .15s}.navlink:hover{background:#f3f6fb;color:#111827}.navlink.active{background:#e8f0fe;color:#1a73e8;font-weight:600}.navlink svg{flex-shrink:0}.sidebar-footer{margin-top:auto}.logout-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:12px;transition:background .15s;width:100%}.logout-btn:hover{background:#dc2626}.app-shell{align-items:flex-start;background:#fff;display:flex;min-height:100vh}.content{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.sidebar{box-shadow:2px 0 10px #00000014;height:100vh;left:0;position:fixed;top:0;width:70px;z-index:100}.sidebar:not(.collapsed){width:240px}.content{margin-left:70px}.sidebar:not(.collapsed)+.content{margin-left:240px}}.avatar_button_sidebar{margin:50px 0 25px}.notification-overlay{align-items:flex-start;background:#0000004d;bottom:0;display:flex;justify-content:flex-end;left:0;padding-right:16px;padding-top:60px;position:fixed;right:0;top:0;z-index:1050}.notification-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;height:auto;max-height:85vh;width:400px}.notification-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:16px}.notification-header h3{font-size:18px;font-weight:600;margin:0}.notification-actions{align-items:center;display:flex;gap:8px}.notification-tabs{border-bottom:1px solid #e9ecef;display:flex}.notification-tabs button{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;padding:12px 16px}.notification-tabs button.active{border-bottom-color:#007bff;color:#007bff;font-weight:500}.notification-list{flex:1 1;overflow-y:auto}.notification-empty,.notification-loading{color:#6c757d;padding:32px;text-align:center}.notification-item{border-bottom:1px solid #f8f9fa;display:flex;padding:16px;transition:background-color .15s ease}.notification-item.unread{background-color:#e8f4ff}.notification-item.unread:hover{background-color:#d1e9ff}.notification-content{flex:1 1;min-width:0}.notification-title{color:#212529}.notification-item.unread .notification-title{color:#0056b3}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden}.notification-time{color:#adb5bd;font-size:12px}.notification-item-actions{display:flex;flex-direction:column;justify-content:space-between;margin-left:12px}.btn-delete,.btn-mark-read{background:none;border:none;border-radius:3px;cursor:pointer;font-size:14px;opacity:.7;padding:4px;transition:opacity .15s ease}.btn-mark-read:hover{color:#28a745;opacity:1}.btn-delete:hover{color:#dc3545;opacity:1}@media (max-width:576px){.notification-overlay{align-items:center;justify-content:center;padding:0}.notification-modal{max-height:80%;max-width:400px;width:90%}}.notification-new-badge{background:#ff4757;border-radius:10px;color:#fff;font-size:11px;font-weight:700;margin-right:8px;padding:2px 6px}.notification-item{border-bottom:1px solid #eee;cursor:pointer;padding:12px;transition:background-color .2s}.notification-item:hover{background-color:#f8f9fa}.notification-title{margin-bottom:4px}.notification-message{color:#555;margin-bottom:4px}.notification-time{color:#888;font-size:11px;margin-top:4px}.notification-content{position:relative}.notification-header-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.notification-title{color:#333;flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-assigned{color:#6c757d;font-size:12px;font-style:italic;margin-top:-14px;white-space:nowrap}.notification-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-title-section{align-items:center;display:flex;gap:10px}.notification-calendar-icon{font-size:24px}.date-filter-section{background:#f8f9fa;border-radius:8px;margin-bottom:15px;padding:15px}.date-filter-input{align-items:center;display:flex;gap:10px;margin-bottom:8px}.date-filter-input label{align-items:center;color:#495057;display:flex;font-weight:500;gap:5px}.date-filter-input input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px}.clear-date-btn{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.clear-date-btn:hover{background:#5a6268}.date-filter-info{color:#6c757d;font-size:12px;font-style:italic}.notification-icon{flex-shrink:0;font-size:20px;margin-right:12px}.notification-content{align-items:flex-start;display:flex}.notification-details{flex:1 1}.notification-footer{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.notification-date{color:#888;font-size:11px}.notification-footer-info{background:#f8f9fa;border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-top:1px solid #eee;padding:15px;text-align:center}.notification-count{color:#6c757d;font-size:12px;font-weight:500}@media (max-width:768px){.date-filter-input{align-items:stretch;flex-direction:column;gap:8px}.date-filter-input label{justify-content:center}.notification-header-top{flex-direction:column;gap:10px}}.date-filter-section{animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notif-dot{background:#1e90ff;border-radius:50%;display:inline-block;height:8px;margin-left:8px;vertical-align:middle;width:8px}.notification-item.notification-unseen{background:#1e90ff14}.notification-title{align-items:center;display:inline-flex;gap:6px}:root{--tb-h:56px}.topbar--global{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.topbar--global,.topbar-spacer{height:56px;height:var(--tb-h)}.tb-left{gap:12px;min-width:0}.tb-left,.tb-right{align-items:center;display:flex}.tb-right{gap:8px}.tb-logo{height:40px;width:auto}.tb-divider{background:#e5e7eb;height:24px;margin:0 4px;width:1px}.tb-title{color:#1e293b;font-size:1.1rem;font-weight:600;max-width:min(40vw,520px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tb-actions{align-items:center;display:flex;gap:8px;margin-left:10px}.icon-btn{background:#0000;border:0;border-radius:8px;color:#1f2937;cursor:pointer;padding:6px;position:relative}.icon-btn:hover{background:#f3f4f6}.avatar-btn{background:#0000;border:0;border-radius:999px;cursor:pointer;padding:0}.avatar{background:#e2e8f0;border-radius:999px;color:#0f172a;font-size:.85rem;font-weight:700;height:28px;width:28px}.avatar-btn.is-open .avatar{background:#eaf1ff;outline:2px solid #dbeafe}.profile-anchor{position:relative}.profile-menu{animation:pmIn .12s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000014;overflow:hidden;position:absolute;right:0;top:38px;width:320px;z-index:1001}@keyframes pmIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pm-header{align-items:center;display:flex;gap:12px;padding:14px}.pm-avatar{background:#e2e8f0;border-radius:999px;color:#0f172a;display:grid;font-weight:700;height:40px;place-items:center;width:40px}.pm-user{min-width:0}.pm-name{color:#111827;font-weight:600}.pm-email{color:#475569;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-link{background:none;border:0;color:#1a73e8;cursor:pointer;font-weight:600;margin-top:4px;padding:0}.pm-actions{border-top:1px solid #eef2f7;display:flex;flex-direction:column;padding:6px}.pm-item_apply_leave{align-items:center;background:#0000;border:0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 8px;text-align:left}.pm-item_apply_leave:hover{background:#6e6d6d10}.pm-item{align-items:center;background:#0000;border:0;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:10px 8px;text-align:left}.pm-item:hover{background:#ff000010}.pm-icon{color:#334155;display:grid;height:18px;place-items:center;width:18px}.topbar--page{align-items:center;border:1px solid #e5e7eb;border-radius:5px;display:flex;justify-content:space-between;padding:14px 16px}.page-title{color:#1e293b;font-size:1.05rem;font-weight:600;margin:0}.page-controls{display:flex;gap:10px}.notification-badge{align-items:center;background:#dc3545;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:18px;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}@media (max-width:640px){.tb-title{max-width:48vw}}.meetings-anchor h3{font-size:1.2rem;margin:8px 0;text-align:center}.pm-item_meet:hover{background:#6e6d6d10}.pm-item_meet{background:none;border:none;border-radius:8px;cursor:pointer;padding:10px 8px;text-align:left;width:100%}.new-badge{background:#ff3b30;border-radius:4px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px;position:absolute;right:25px;top:-4px}.centerlogin{align-items:center;background:#f8fafc;display:flex;justify-content:center;min-height:100vh}.card{box-shadow:0 6px 20px #0000001a;padding:32px}.card h3{color:#1e293b;font-size:1.5rem;margin-bottom:16px}.input{border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;margin-top:6px;padding:10px 14px;width:95%}.input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb4d;outline:none}.button{border:none;border-radius:8px;padding:10px 16px}.button.primary:hover{background:#1e40af}.small{color:#5f83f8}.zorvixe_login_logo{height:50px}.login_logo_container{align-items:center;display:flex;justify-content:center}.table th{background:#f1f5f9;padding:10px;text-align:left}.table td{border-bottom:1px solid #e5e7eb;padding:10px;vertical-align:top}.button.ghost{color:#1e293b}.button.danger{background:#ef4444;border:none;color:#fff}.row-actions{gap:8px}.contact_search{width:180%}.contacts_topbar{display:flex;justify-content:space-between;width:100%}.top_bar_selects{margin-right:10px}.card{border-radius:12px;box-shadow:0 4px 10px #0000000d;margin-top:16px;padding:20px}.input,.select{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 10px}.table td,.table th{padding:10px}.row-actions{display:flex;gap:6px}.button{border-radius:6px;padding:6px 12px}.button.primary{background:#2563eb;border:none;color:#fff}.button.ghost{background:#0000;border:1px solid #d1d5db}.buttondanger{background:none;border:1px solid #f080803d;border-radius:5px;color:#ef4444;cursor:pointer}.buttondanger:hover{background-color:#f080803d}.buttonedit{background:none;border:1px solid #ccc;border-radius:5px;cursor:pointer}.buttonedit:hover{background-color:#cccccc62}.buttoneye{background:none;border:1px solid #ccc;border-radius:5px;cursor:pointer}.buttoneye:hover{background-color:#cccccc62}.buttontick{background:none;border:1px solid #5af36f;border-radius:5px;color:#5af36f;cursor:pointer}.buttontick:hover{background-color:#5af36e34}.pagination{justify-content:space-between;padding-top:12px}.user-form{display:flex;flex-direction:column;gap:14px}.form-header{align-items:center;display:flex;justify-content:space-between}.form-header-actions,.form-row{display:flex;gap:10px}.user_search{width:100%}:root{--bg:#f6f7fb;--card:#fff;--text:#0f172a;--muted:#6b7280;--border:#eef0f6;--brand:#2563eb;--brand-2:#3b82f6;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--chip-bg:#f8fafc;--chip-dot:#94a3b8}body{background:#f6f7fb;background:var(--bg);color:#0f172a;color:var(--text)}.dash-actions{display:flex;gap:8px}.card{background:#fff;background:var(--card);border:1px solid #eef0f6;border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 8px #1118270a;margin-top:18px;padding:18px}.card h3{font-size:1.05rem;margin:0 0 12px}.subtle{color:#1f2937;font-weight:600;margin:6px 0 8px}.divider{background:#eef0f6;background:var(--border);height:1px;margin:12px 0}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.kpis{grid-column:1/-1}@media (max-width:1100px){.dashboard-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:720px){.dashboard-grid{grid-template-columns:repeat(1,1fr)}}.dashboard-grid>.card:nth-of-type(2),.dashboard-grid>.card:nth-of-type(3),.dashboard-grid>.card:nth-of-type(4),.dashboard-grid>.card:nth-of-type(5){grid-column:span 6}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.kpi-card{align-items:center;background:linear-gradient(135deg,#2563eb0f,#3b82f60f);border:1px solid #eef0f6;border:1px solid var(--border);border-radius:12px;display:flex;gap:12px;padding:14px}.kpi-icon{background:linear-gradient(135deg,#2563eb1f,#3b82f61f);border-radius:10px;color:#2563eb;color:var(--brand);display:grid;height:42px;place-items:center;width:42px}.kpi-icon svg{height:24px;width:24px}.kpi-content{display:flex;flex-direction:column}.kpi-label{color:#6b7280;color:var(--muted);font-size:.8rem}.kpi-value{font-size:1.3rem;font-weight:800}.chip-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.chip{align-items:center;background:#f8fafc;background:var(--chip-bg);border:1px solid #eef0f6;border:1px solid var(--border);border-radius:10px;display:flex;gap:8px;padding:10px 12px}.chip-dot{background:#94a3b8;background:var(--chip-dot);border-radius:50%;height:8px;width:8px}.chip-dot[data-variant=new]{background:#2563eb;background:var(--brand)}.chip-dot[data-variant=viewed]{background:#8b5cf6}.chip-dot[data-variant=responded]{background:#10b981;background:var(--ok)}.chip-dot[data-variant=closed]{background:#ef4444;background:var(--bad)}.chip-label{font-weight:600}.chip-value{color:#6b7280;color:var(--muted);margin-left:auto}.bar-list{list-style:none;margin:0;padding:0}.bar-row{grid-gap:10px;border-bottom:1px dashed #eef0f6;border-bottom:1px dashed var(--border);display:grid;gap:10px;grid-template-columns:120px 1fr auto;padding:8px 0}.bar-row:last-child{border-bottom:none}.bar-label{color:#6b7280;color:var(--muted);font-size:.9rem}.bar-track{background:#f3f4f6;border-radius:999px;height:10px;overflow:hidden;position:relative}.bar-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--brand),var(--brand-2));bottom:0;left:0;position:absolute;top:0}.bar-fill.pay{background:linear-gradient(90deg,#0ea5e9,#06b6d4)}.bar-value{font-weight:700}.people{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.person{align-items:center;display:flex;gap:12px}.avatar{background:#2563eb1a;border:1px solid #eef0f6;border:1px solid var(--border);border-radius:10px;color:#2563eb;color:var(--brand);display:grid;font-weight:800;height:38px;place-items:center;width:38px}.person-info{min-width:0}.person-top{align-items:center;display:flex;gap:8px}.person-top .role{background:#eef2ff;border-radius:6px;color:#3730a3;font-size:.7rem;font-weight:700;padding:2px 6px}.person-sub{align-items:center;color:#6b7280;color:var(--muted);display:flex;font-size:.9rem;gap:8px}.person-sub .dot{background:#cbd5e1;border-radius:50%;display:inline-block;height:4px;width:4px}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{background:#eef0f6;background:var(--border);bottom:0;content:"";left:10px;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:12px;padding-left:22px;position:relative}.tl-dot{background:#cbd5e1;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #eef0f6;box-shadow:0 0 0 2px var(--border);height:16px;left:2px;position:absolute;top:4px;width:16px}.tl-dot[data-type=contact]{background:#60a5fa}.tl-dot[data-type=payment]{background:#f59e0b}.tl-dot[data-type=candidate]{background:#10b981}.tl-dot[data-type=upload]{background:#8b5cf6}.tl-dot[data-type=project]{background:#ef4444}.tl-body{margin:0 0 10px;padding-left:14px}.tl-text{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f8fafc;border:1px solid #eef0f6;border:1px solid var(--border);border-radius:6px;color:#334155;font-size:.7rem;font-weight:800;padding:2px 6px;text-transform:uppercase}.tag-contact{background:#eff6ff;color:#1d4ed8}.tag-payment{background:#fff7ed;color:#c2410c}.tag-candidate{background:#ecfdf5;color:#047857}.tag-upload{background:#f5f3ff;color:#6d28d9}.tag-project{background:#fff1f2;color:#be123c}.tl-time{font-size:.85rem}.empty,.tl-time{color:#6b7280;color:var(--muted)}.empty{background:#f8fafc;border:1px dashed #eef0f6;border:1px dashed var(--border);border-radius:10px;padding:12px;text-align:center}.error{background:#fff1f2;border-color:#fecaca}.err-title{color:#be123c;font-weight:800;margin-bottom:4px}.err-msg{color:#991b1b;margin-bottom:10px}.button{-webkit-appearance:none;appearance:none;background:#fff;background:var(--card);border:1px solid #eef0f6;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:600;padding:8px 12px}.button.ghost,.button:hover{background:#f8fafc}.skeleton{overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#0000,#0000000a,#0000);content:"";inset:0;position:absolute}.s-bar{background:#eef2f7;border-radius:6px;height:12px;margin:8px 0}.w30{width:30%}.w40{width:40%}.w60{width:60%}.w70{width:70%}.w80{width:80%}.w90{width:90%}.skeleton-block .s-bar{height:14px}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}.recent_activity{max-height:400px}.people,.recent_activity{overflow-y:auto;padding-right:6px}.people{max-height:300px}.home_banner_style{color:#000;text-decoration:none}.page-cand{font-family:sans-serif;padding:1px}.page-header-cand{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-cand{background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:20px}.mb-cand{margin-bottom:16px}.form-cand{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}.form-cand input{border:1px solid #ddd;border-radius:8px;padding:10px}.actions-cand{display:flex;grid-column:span 2;justify-content:flex-end}.btn-cand{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 12px;transition:.2s}.btn-cand:hover{background:#eee}.btn-cand.primary-cand{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn-cand.danger-cand{background:#dc3545;border-color:#dc3545;color:#fff}.btn-cand.xs-cand{font-size:12px;padding:4px 8px}.row-cand{align-items:center;flex-wrap:wrap}.col-cand,.row-cand{display:flex;gap:8px}.col-cand{flex-direction:column}.gap-cand{gap:6px}.alert-cand.error-cand{background:#ffe6e6;border:1px solid #fcc;border-radius:8px;color:#b10000;margin:8px 0;padding:10px}.table-wrap-cand{margin-top:12px;overflow:auto}.table-cand{border-collapse:collapse;font-size:14px;width:100%}.table-cand td,.table-cand th{border-bottom:1px solid #eee;padding:10px;text-align:left;vertical-align:top}.table-cand th{background:#fafafa}.bold-cand,.table-cand th{font-weight:600}.muted-cand{color:#666}.small-cand{font-size:12px}.code-cand,.mono-cand{font-family:ui-monospace,monospace}.code-cand{background:#f4f4f4;border-radius:6px;padding:2px 6px}.badge-cand{background:#fafafa;border:1px solid #ddd;border-radius:999px;font-size:12px;padding:4px 8px;text-transform:capitalize}.badge-cand.documents_uploaded{background:#e9f7ef;border-color:#bfe5cd}.badge-cand.approved{background:#e6f0ff;border-color:#b9d0ff}.badge-cand.rejected{background:#ffeaea;border-color:#ffd2d2}.modal-cand{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.modal-card-cand{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 8px 25px #00000040;overflow:hidden;padding:0;width:min(480px,92%)}.modal-header-cand{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:16px 20px}.modal-header-cand h3{font-size:18px;font-weight:600;margin:0}.close-cand{background:#0000;border:none;color:#666;cursor:pointer;font-size:22px;line-height:1}.modal-body-cand{padding:20px}.info-block-cand{margin-bottom:16px}.info-block-cand label{color:#444;display:block;font-size:13px;font-weight:600;margin-bottom:6px}.full-cand{display:block;margin-bottom:8px;width:100%;word-break:break-all}.mt-cand{margin-top:8px}.modal-footer-cand{border-top:1px solid #eee;padding:12px 20px;text-align:right}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.rich-text-editor{background:#fff;border:1px solid #ddd;border-radius:8px;transition:border-color .2s,box-shadow .2s}.rich-text-editor:focus-within{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.editor-toolbar{border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;flex-wrap:wrap;gap:4px;padding:8px 12px}.editor-toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:2px}.toolbar-divider{background:#dee2e6;height:20px;margin:0 4px;width:1px}.toolbar-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#495057;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .2s;width:100%}.toolbar-btn:hover:not(:disabled){background:#e9ecef;color:#212529}.toolbar-btn:active:not(:disabled){background:#dee2e6}.toolbar-btn:disabled{cursor:not-allowed;opacity:.5}.editor-content{word-wrap:break-word;border-radius:0 0 8px 8px;color:#495057;font-family:inherit;font-size:14px;line-height:1.5;max-height:280px;min-height:120px;outline:none;overflow-y:auto;padding:12px 16px}.editor-content:empty:before{color:#6c757d;content:attr(data-placeholder);pointer-events:none}.editor-content p{margin:0 0 8px}.editor-content p:last-child{margin-bottom:0}.editor-content ol,.editor-content ul{margin:8px 0;padding-left:24px}.editor-content li{margin:4px 0}.editor-content a{color:#4a90e2;text-decoration:underline}.editor-content a:hover{color:#357abd}.editor-content code{background-color:#f1f3f4!important;border-radius:3px!important;font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;font-size:.9em!important;padding:2px 4px!important}.editor-content blockquote{background:#f8f9fa;border-left:4px solid #dee2e6;font-style:italic;margin:8px 0;padding:8px 16px}.rich-text-editor.expanded .editor-content{max-height:280px!important}@media (max-width:768px){.editor-toolbar{gap:2px;padding:6px 8px}.toolbar-btn{height:28px;width:28px}.toolbar-divider{margin:0 2px}.editor-content{font-size:16px;padding:10px 12px}}.comment-form{background:#f8f9fa;margin-bottom:30px;padding:20px}.form-group{margin-bottom:15px}.comment-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 15px;resize:vertical;transition:border-color .2s;width:100%}.comment-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.comment-header{margin-bottom:12px}.comment-meta{flex-wrap:wrap}.comment-date{color:#6c757d}.comment-edited{color:#8a8a8a}.comment-actions{display:flex;gap:15px}.reply-btn{color:#6c757d;text-decoration:none}.alert{border-radius:6px;margin-bottom:20px;padding:12px 15px}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.comment-author-info{align-items:flex-start;flex:1 1}.author-details{flex:1 1}.edit-form{margin-top:10px}.edit-actions{display:flex;gap:8px;margin-top:8px}.comment.reply .user-avatar{font-size:12px;height:32px;width:32px}@media (max-width:768px){.comment-header{align-items:flex-start;flex-direction:column;gap:5px}.comment.reply{margin-left:20px}.replies{padding-left:15px}.form-actions{flex-direction:column}.btn{width:100%}.comment-author-info{align-items:flex-start}.author-details{flex:1 1}.comment-action-buttons{background:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;opacity:1;padding:4px;position:absolute;right:10px;top:10px}.comment-meta{flex-direction:column;gap:2px}}.loader_container{padding:40px}.loader_spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top-color:#4a90e2;height:40px;margin-bottom:10px}.controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.input,.select,textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 10px}.textarea_description{margin-top:10px;width:98%!important}.project_desc{min-height:300px!important}.row{display:flex;flex-wrap:wrap;gap:10px}.grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card-head{align-items:center;display:flex;justify-content:space-between}.last-edited{color:#6b7280}.card-foot{display:flex;gap:8px;margin-top:10px}.muted{color:#6b7280}.error{color:#ef4444}button{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;padding:8px 12px}button.primary{background:#2563eb;border:none;color:#fff}button.secondary{background:#0000}.row-actions button{margin-right:6px}.dropdown{position:relative}.dropdown-btn{align-items:center;display:flex;justify-content:space-between;min-width:160px}.menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;min-width:220px;position:absolute;top:110%;z-index:20}.menu ul{list-style:none;margin:0;max-height:260px;overflow:auto;padding:6px}.menu li{border-radius:6px;cursor:pointer;padding:8px 10px}.menu li:hover{background:#f3f4f6}.tagbar{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;padding:2px 8px}.small,.tag{font-size:.85rem}.inputedit{border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:8px 10px}.project-form .row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.project-form .input,.project-form select{flex:1 1;min-width:160px}.project-form .textarea,.project-form textarea{min-height:100px;resize:vertical;width:100%}.project-form .grow{flex:1 1;min-width:200px}.projects-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:900px){.projects-grid{grid-template-columns:1fr}}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:10px 12px;vertical-align:top}.table thead th{background:#f9fafb}.meta-table{border-collapse:initial;border-spacing:0;margin-top:8px}.meta-table th{background:#f9fafb;font-weight:600;width:18%}.meta-table td,.meta-table th{border-bottom:1px solid #e5e7eb}.section{margin-top:16px}.section-title{margin:0}.section-title-row{align-items:center;display:inline-flex;gap:6px}.table-members td.center-col,.table-members th.center-col{text-align:center}.table-members td.right-col{text-align:right}.m-name{font-weight:600}.perm-toggle{align-items:center;display:inline-flex;font-size:.95rem;gap:6px;-webkit-user-select:none;user-select:none}.perm-toggle input[type=checkbox]{cursor:pointer;height:16px;width:16px}.add-member-row{align-items:center;margin-top:12px}.access_members{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.access_selection_input{max-width:300px}.members-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.members-header h4{margin:0}.members-body{margin-top:8px}.payment_row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.payment_buttons{display:inline-flex;gap:8px}.make_link_button{white-space:nowrap}.link-row{align-items:center;display:flex;gap:8px;margin-top:8px}.help-bubble{display:inline-block;outline:none;position:relative}.help-bubble:focus .help-tip,.help-bubble:hover .help-tip{opacity:1;pointer-events:auto;transform:translateY(0)}.help-icon{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:50%;color:#4b5563;cursor:default;display:inline-flex;font-size:12px;font-weight:700;height:18px;justify-content:center;width:18px}.help-tip{background:#fff;border:1px solid #ccc;border-radius:8px;color:#5a5959;font-size:12.5px;left:0;line-height:1.35;max-width:320px;min-width:260px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;top:130%;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease;z-index:2000}.help-tip:before{background:#111;content:"";height:10px;left:12px;position:absolute;top:-6px;transform:rotate(45deg);width:10px}.pagination{gap:10px;margin-top:12px}.toastx{align-items:flex-start;background:#fff;border-left:4px solid;border-radius:12px;bottom:16px;box-shadow:0 10px 28px #0000002e;color:#111;display:flex;gap:10px;max-width:min(92vw,420px);min-width:280px;opacity:0;padding:12px;pointer-events:none;position:fixed;right:16px;transform:translateY(12px);transition:transform .25s ease,opacity .25s ease;z-index:9999}.toastx.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toastx.success{border-left-color:#16a34a}.toastx.error{border-left-color:#dc2626}.toastx-icon{line-height:1;margin-top:2px}.toastx-body{grid-gap:2px;display:grid;gap:2px}.toastx-title{font-weight:600}.toastx-msg{font-size:14px;opacity:.9}.toastx-close{background:#0000;border:0;cursor:pointer;font-size:18px;line-height:1;margin-left:auto;opacity:.6}.toastx-close:hover{opacity:1}.row.between{align-items:center;justify-content:space-between}#project_details .modal-body{max-height:70vh;overflow:auto}.buttondanger,.buttonedit,.buttoneye,.buttontick{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;padding:4px 8px}.buttontick{color:#16a34a}.buttondanger{color:#dc2626}.buttonedit,.buttoneye{color:#4b5563}.buttontick:hover{background:#f0fdf4}.buttondanger:hover{background:#fef2f2}.buttonedit:hover,.buttoneye:hover{background:#f9fafb}.modal_backdrop{background-color:#111;opacity:.95!important}.access_members_admin{display:flex;flex-direction:row;justify-content:space-around}.access_text{padding-right:10px}.loader_container{align-items:center;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;min-height:300px}.loader_spinner{animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;aspect-ratio:1;border:5px solid #1a73e8;border-radius:50%;width:40px}@keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}.table-links td,.table-links th{vertical-align:middle}.table-links code{font-size:12px}.link-row+.link-row{margin-top:6px}.link-row .badge,.link-row .row-amount,.link-row .row-expiry{white-space:nowrap}.rotate{animation:spin 1s linear infinite;display:inline-block}.comments-container{padding:20px 0}.comments-title{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:20px}.comment-form{background-color:initial;border:1px solid #cccccc62;border-radius:8px;margin-bottom:20px}.comment-input-tiket{border:1px solid #ccc;border-radius:10px;font-size:14px;resize:vertical;transition:border-color .2s;width:100%}.comment-input-tiket:focus{border:none!important;outline:none}.form-actions{gap:10px}.comments-list{display:flex;flex-direction:column;gap:20px}.no-comments{color:#6c757d;font-style:italic;padding:30px;text-align:center}.comment{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;position:relative}.comment.reply{border-left:3px solid #e9ecef;margin-left:40px}.comment-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.comment-meta{font-size:.85rem}.comment-edited{font-style:italic}.comment-body{margin-bottom:15px}.comment-body p{color:#495057;line-height:1.5;margin:0}.comment-action-buttons{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.comment:hover .comment-action-buttons{opacity:1}.comment-action-buttons .btn-link{align-items:center;background:#f5f5f5;border-radius:4px;display:flex;justify-content:center;padding:4px}.comment-action-buttons .btn-link:hover{background:#e9e9e9}.btn-link{background:none;border:none;color:#4a90e2;cursor:pointer;font-size:.9rem;padding:0;transition:color .2s}.btn-link:hover{color:#357abd;text-decoration:underline}.edit-btn{color:#6c757d}.delete-btn{color:#dc3545}.delete-btn:hover{color:#bd2130}.reply-form{background:#f8f9fa;border-radius:6px;margin-top:15px;padding:15px}.reply-form .form-group{margin-bottom:10px}.reply-form .form-actions{justify-content:flex-end}.replies{border-left:2px solid #e9ecef;margin-top:20px;padding-left:20px}.btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.btn-primary{background-color:#4a90e2;border-color:#4a90e2;color:#fff}.btn-primary:hover{background-color:#357abd;border-color:#357abd}.btn-primary:disabled{background-color:#a0c5f7;border-color:#a0c5f7;cursor:not-allowed}.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268;border-color:#5a6268}.btn-sm{font-size:.8rem;padding:6px 12px}@media (max-width:768px){.comment-header{flex-direction:column;gap:5px}.comment.reply{margin-left:20px}.replies{padding-left:15px}.form-actions{flex-direction:column}.btn{width:100%}}.user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;justify-content:center}.comment-author-info{align-items:center;display:flex;gap:12px}.author-details{display:flex;flex-direction:column}.comment-author{color:#2c3e50;font-size:.95rem;font-weight:600}.comment-meta{color:#6c757d;display:flex;font-size:.8rem;gap:8px;margin-top:2px}.tickets-container{padding:20px}.tickets-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.tickets-filters{display:flex;gap:10px;margin-bottom:20px}.tickets-filters input,.tickets-filters select{border:1px solid #ddd;border-radius:4px;padding:8px 12px}.ticket-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;margin-bottom:16px;padding:16px;transition:box-shadow .2s,border-color .2s}.ticket-item:hover{border-color:#d6d6d6;box-shadow:0 2px 8px #0000001a}.ticket-action-buttons{right:10px;top:10px}.ticket-action-buttons .btn-link{align-items:center;background:#f5f5f5;border-radius:4px;display:inline-flex;justify-content:center;padding:4px}.ticket-action-buttons .btn-link:hover{background:#e9e9e9}.hover-frame{position:relative}.ticket-action-buttons.in-modal{opacity:0;right:8px;top:8px;transition:opacity .2s ease}.ticket-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.ticket-left{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:6px;min-width:0}.ticket-creator{font-size:1rem;font-weight:700;margin:0}.ticket_detail_view{display:flex}.ticket_view_left{border-right:1px solid #cccccc62;width:70%}.ticket_view_right{padding-left:10px;width:30%}.ticket-meta_view.ticket_view_right{display:flex;font-size:14px;gap:6px}.ticket-meta_view.ticket_view_right div,.ticket-meta_view.ticket_view_right span{align-items:center;display:flex;gap:8px;justify-content:flex-start}.ticket-meta_view.ticket_view_right div:before,.ticket-meta_view.ticket_view_right span:before{color:#333;flex:0 0 90px;font-weight:600}.ticket-meta_view.ticket_view_right div:first-child:before{content:"Created by:"}.ticket-meta_view.ticket_view_right span:nth-child(2):before{content:"Assigned to:"}.ticket-meta_view.ticket_view_right div:nth-child(3):before{content:"Status:"}.ticket-meta_view.ticket_view_right div:nth-child(4):before{content:"Priority:"}.ticket-meta_view.ticket_view_right span:nth-child(5):before{content:"Date:"}.ticket-meta_view{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px}.ticket-meta-item{align-items:center;color:#888;display:inline-flex;font-size:12px;gap:6px}.icon{display:inline-block;height:16px;width:16px}.ticket-right{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;text-align:right}.ticket-assignee{align-items:center;color:#555;display:inline-flex;font-size:12px;gap:6px}.ticket-priority,.ticket-status{border-radius:4px;font-size:12px;font-weight:600;margin-right:10px;padding:4px 8px;white-space:nowrap}.ticket-status.open{background-color:#e3f2fd;color:#1976d2}.ticket-status.in_progress{background-color:#fff3e0;color:#f57c00}.ticket-status.resolved{background-color:#e8f5e9;color:#388e3c}.ticket-status.closed{background-color:#f5f5f5;color:#616161}.ticket-priority.low{background-color:#e8f5e9;color:#388e3c}.ticket-priority.medium{background-color:#fff3e0;color:#f57c00}.ticket-priority.high{background-color:#ffe0e0;color:#d32f2f}.ticket-priority.urgent{background-color:#ffcdd2;color:#c62828}.ticket-body{display:flex;flex-direction:row;justify-content:space-between;margin-top:8px}.ticket-title{font-size:1rem;margin:0 0 6px}.ticket-description{color:#666}@media (max-width:768px){.ticket-header{align-items:stretch;flex-direction:column;gap:10px}.ticket-right{justify-content:flex-start}.ticket-action-buttons{opacity:1}}.ticket-item{position:relative}.ticket-action-buttons{display:flex;gap:8px;opacity:0;position:absolute;right:8px;top:8px;transition:opacity .2s ease}.ticket-item:hover .ticket-action-buttons{opacity:1}.ticket-action-buttons.in-modal{position:absolute;right:12px;top:12px}.hover-frame:hover .ticket-action-buttons.in-modal{opacity:1}.comment_text{padding-left:50px}.ticket-id-badge{border-radius:8px;color:#00000080;font-size:15px;font-weight:700;padding:4px 8px;transform:translateY(-50%);white-space:nowrap}.ticket_create_rows{display:flex;flex-direction:row;gap:30px}.create_descrption{min-height:280px}.ticket-title-section{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:15px}.ticket-title-section h4{margin-bottom:5px}.last-edited-info{margin-left:8px;margin-top:8px}.ticket-viewers-section,.title_lasted_at{display:flex;flex-direction:row}.ticket-viewers-section{align-items:center;border-radius:6px;justify-content:center;position:relative}.viewers-header{border:1px solid #49505769;border-radius:5px;color:#495057;font-size:14px;font-weight:600;margin-bottom:8px;margin-left:5px;margin-right:5px;padding:4px}.eye-icon{color:#6c757d}.viewers-count{font-size:13px}.viewers-more-btn{background:#e9ecef;border:none;color:#495057}.viewers-more-btn:hover{background:#dee2e6}.all-viewers-list{max-height:400px;overflow-y:auto}.viewer-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:10px}.viewer-item:last-child{border-bottom:none}.viewer-info{flex:1 1}.viewer-name{color:#2c3e50;font-size:14px;font-weight:600}.viewer-email{color:#6c757d;font-size:12px;margin-bottom:2px}.viewer-date{color:#888;font-size:11px}.comment-input:disabled,.rich-text-editor-disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.ticket-viewers-section{padding:8px}.viewers-avatars{flex-wrap:wrap}.viewer-item{padding:8px 0}}.viewers-header{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s}.viewers-header:hover{background:#e9ecef}.viewers-count{color:#495057;font-size:14px;font-weight:500;margin-right:auto}.viewers-avatars,.viewers-more-btn{align-items:center;display:flex}.viewers-more-btn{background:#fde3cf;border:2px solid #fff;border-radius:50%;color:#f56a00;cursor:pointer;font-size:11px;font-weight:600;height:25px;justify-content:center;transition:all .2s;width:25px}.viewers-more-btn:hover{background:#fcd3b0;transform:scale(1.05)}.viewers-popup{background:#fff;border:1px solid #e0e0e0;border-radius:8px;left:45;margin-top:4px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;width:350px;z-index:1000}.viewers-popup-header{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;padding:12px 16px}.viewers-popup-title{color:#333;font-size:14px;font-weight:600}.viewers-popup-count{color:#666;font-size:13px}.viewers-popup-list{padding:8px 0}.viewer-popup-item{align-items:center;display:flex;gap:12px;padding:8px 16px;transition:background-color .2s}.viewer-popup-item:hover{background:#f8f9fa}.viewer-popup-info{flex:1 1;min-width:0}.viewer-popup-name{color:#2c3e50;font-size:13px;font-weight:500;margin-bottom:2px}.viewer-popup-email{color:#6c757d;font-size:11px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer-popup-date{color:#888;font-size:10px}.modal-body{position:relative}@media (max-width:768px){.viewers-popup{left:0;max-width:100%;right:0}.viewer-popup-item{padding:10px 12px}}.title_lasted_at{margin-bottom:12px}.title_lasted_at h4{margin-bottom:4px}.last-edited-info{color:#666;font-size:12px;font-style:italic}.tickets-filters{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{flex-direction:column}.filter-group.full-width{grid-column:1/-1}.filter-group label{color:#666;font-size:12px;font-weight:500;margin-bottom:-15px}.filter-popup-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.filter-popup{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-popup-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px}.filter-popup-header h3{color:#333;font-size:1.2rem;margin:0}.btn-close-popup{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.btn-close-popup:hover{background:#e9ecef;color:#333}.filter-popup-content{padding:20px}.filter-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.filter-row .filter-group{margin-bottom:0}.filter-popup-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:space-between;margin-top:30px;padding-top:20px}.filter-popup-actions .btn{flex:1 1;font-size:14px;padding:10px}.search-with-filter{position:relative}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper input{padding-right:45px;width:100%}.filter-icon-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;transition:all .2s}.filter-icon-btn:hover{background:#e9ecef;color:#333}.filter-icon-btn:active{transform:scale(.95)}@media (max-width:768px){.filter-row{gap:15px;grid-template-columns:1fr}.filter-popup-actions{flex-direction:column}.filter-popup{margin:10px;width:95%}}.leave-balance-card-LeaveBalance{background:#fff;border:1px solid #cccccc73;border-radius:8px;padding:20px}.leave-title-LeaveBalance{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.leave-item-LeaveBalance{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.leave-item-LeaveBalance:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.leave-header-LeaveBalance{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.leave-info-LeaveBalance{align-items:center;display:flex;gap:10px}.leave-icon-LeaveBalance{border-radius:50%;flex-shrink:0;height:16px;width:16px}.leave-info-LeaveBalance h4{color:#333;font-size:14px;margin:0 0 2px}.leave-subtext-LeaveBalance{color:#666;font-size:12px;margin:0}.leave-count-LeaveBalance{text-align:right}.leave-count-LeaveBalance .count{color:#333;font-size:18px;font-weight:700}.progress-bar-LeaveBalance{background:#f0f0f0;border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.progress-fill-LeaveBalance{border-radius:3px;height:100%;transition:width .3s ease}.leave-usage-LeaveBalance{color:#666;display:flex;font-size:11px;justify-content:space-between;margin-top:5px}.last-updated-LeaveBalance{border-top:1px solid #eee;color:#999;font-size:12px;margin-top:20px;padding-top:15px;text-align:center}.leave-error-LeaveBalance{background:#f8d7da;border-radius:4px;color:#721c24;padding:15px;text-align:center}.center-LeaveBalance{padding:40px;text-align:center}.spinner-LeaveBalance{animation:spin-LeaveBalance 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#4a90e2;height:30px;margin:0 auto 15px;width:30px}@keyframes spin-LeaveBalance{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.leave-balance-card-LeaveBalance{margin:0 10px}.leave-header-LeaveBalance{flex-direction:column;gap:10px}.leave-count-LeaveBalance{text-align:left;width:100%}}.leave-name-with-tooltip-LeaveBalance{align-items:center;display:flex;gap:6px}.tooltip-container-LeaveBalance{display:inline-block;position:relative}.question-icon-LeaveBalance{align-items:center;background-color:#555;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;height:16px;justify-content:center;width:16px}.tooltip-text-LeaveBalance{background-color:#333;border-radius:6px;bottom:120%;color:#fff;font-size:12px;left:50%;line-height:1.4;opacity:0;padding:8px;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:260px;z-index:1}.tooltip-container-LeaveBalance:hover .tooltip-text-LeaveBalance{opacity:1;visibility:visible}.tooltip-text-LeaveBalance:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.monthly-usage-LeaveBalance{background-color:#f8f9fa;border-left:3px solid #6c757d;border-radius:4px;margin-top:5px;padding:3px 8px}.monthly-usage-LeaveBalance small{color:#6c757d;font-size:.75rem;font-weight:500}.apply-leave-container{margin:0 auto}.apply-leave-header{margin-bottom:32px;text-align:center}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.leave-form{max-width:100%}.form-label{color:#4a5568;font-size:14px;font-weight:600;margin-bottom:8px}.form-control,.form-select{border:1px solid #e2e8f0;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.form-control:focus,.form-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126}.form-text{align-items:center;color:#718096;display:flex;font-size:12px;gap:6px;margin-top:6px}.days-display{align-items:baseline;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:8px;padding:12px 16px}.days-count{font-size:24px;line-height:1}.days-label{font-size:14px;font-weight:500}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.btn-outline-secondary{border-color:#e2e8f0;color:#718096}.btn-outline-secondary:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0;color:#4a5568;transform:translateY(-1px)}.invalid-feedback{align-items:center;color:#e53e3e;display:flex;font-size:12px;gap:4px;margin-top:4px}.form-control.is-invalid,.form-select.is-invalid{border-color:#e53e3e}.form-control.is-invalid:focus,.form-select.is-invalid:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}@media (max-width:768px){.apply-leave-container{padding:16px}.form-card{padding:20px}.page-title{font-size:24px}.form-actions{flex-direction:column}.btn{justify-content:center}.toast-notification{left:16px;max-width:none;right:16px}.row{margin:0}.col-md-6{padding:0 8px}}@media (max-width:480px){.apply-leave-container{padding:12px}.form-card{border-radius:8px;padding:16px}.page-title{font-size:20px}.days-display{padding:10px 12px}.days-count{font-size:20px}}.btn,.form-control,.form-select{transition:all .2s ease}.form-control:hover,.form-select:hover{border-color:#cbd5e0}.btn:focus-visible,.form-control:focus-visible,.form-select:focus-visible{outline:2px solid #4299e1;outline-offset:2px}textarea.form-control{min-height:100px;resize:vertical}.text-danger{color:#e53e3e}.form-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.apply_leave_row_con{display:flex;flex-direction:row;gap:5px}.leave-history-container{background:#fff;border-radius:12px;margin:0 auto}.leave-history-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-stats{display:flex;gap:16px}.stat-card{background:#2563eb1a;border-radius:12px;color:#2563eb;outline:2px solid #dbeafe;padding:5px;text-align:center}.stat-number{display:block;font-size:22px;font-weight:700;line-height:1;margin-bottom:4px}.toast-notification{align-items:flex-start;background:#fff;border-left:4px solid #48bb78;border-radius:8px;box-shadow:0 10px 25px #00000026;display:flex;gap:12px;max-width:400px;opacity:0;padding:16px;position:fixed;right:24px;top:24px;transform:translateX(400px);transition:all .3s ease;z-index:9999}.toast-notification.show{opacity:1;transform:translateX(0)}.toast-notification.error{border-left-color:#f56565}.toast-icon{align-items:center;background:#c6f6d5;border-radius:6px;color:#276749;display:flex;justify-content:center;padding:4px}.toast-notification.error .toast-icon{background:#fed7d7;color:#c53030}.toast-content{flex:1 1}.toast-title{color:#2d3748;font-size:14px;font-weight:600;margin-bottom:2px}.toast-message{color:#4a5568;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;border-radius:4px;color:#a0aec0;cursor:pointer;padding:4px;transition:all .2s ease}.toast-close:hover{background:#f7fafc;color:#718096}.error-message{align-items:center;background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030;display:flex;font-weight:500;gap:8px;margin-bottom:24px;padding:12px 16px}.approval-info,.approver-info{font-size:13px}.comments-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:4px;color:#718096;cursor:pointer;display:inline-flex;font-size:11px;gap:4px;margin-top:4px;padding:4px 8px;transition:all .2s ease}.comments-btn:hover{background:#f7fafc;border-color:#cbd5e0;color:#4a5568}.btn-cancel{align-items:center;background:#fff5f5;border:1px solid #fed7d7;border-radius:6px;color:#c53030;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-cancel:hover{background:#fed7d7;border-color:#feb2b2}.not-available{color:#a0aec0;font-style:italic}@media (max-width:768px){.leave-history-container{padding:16px}.leave-history-header{flex-direction:column;text-align:center}.header-stats{justify-content:center}.filter-group{flex-direction:column;gap:12px}.filter-item{min-width:auto}.leaves-table{font-size:12px}.leaves-table td,.leaves-table th{padding:12px 8px}.pagination{flex-direction:column;gap:12px}.toast-notification{left:16px;max-width:none;right:16px}.modal-dialog{margin:20px auto}}@media (max-width:480px){.page-title{font-size:24px}.stat-card{min-width:100px;padding:16px}.stat-number{font-size:24px}.modal-dialog{margin:10px auto}}.leave-approval-container{background:#fff;border-radius:12px;margin:0 auto}.leave-approval-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.stat-label{font-size:14px;font-weight:500;opacity:.9}.leaves-table td,.leaves-table th{padding:16px 12px}.leaves-table td{border-bottom:1px solid #f1f5f9;vertical-align:top}.employee-department{color:#718096;font-size:12px}.leave-type-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;text-align:center;text-transform:capitalize}.date-period{align-items:center;color:#2d3748;display:flex;font-weight:500;gap:8px}.date-separator{color:#a0aec0;font-weight:400}.duration{align-items:baseline;display:flex;gap:4px}.days-count{color:#2d3748;font-size:16px;font-weight:700}.days-label{color:#718096;font-size:12px;text-transform:lowercase}.reason-text{word-wrap:break-word;color:#4a5568;font-size:13px;line-height:1.4;max-width:200px}@media (max-width:768px){.leave-approval-container{padding:16px}.leave-approval-header{flex-direction:column;text-align:center}.header-stats{justify-content:center}.filter-group{flex-direction:column;gap:12px}.filter-item{min-width:auto}.leaves-table{font-size:12px}.leaves-table td,.leaves-table th{padding:12px 8px}.action-buttons,.pagination{flex-direction:column}.pagination{gap:12px}.toast-notification{left:16px;max-width:none;right:16px}.modal-dialog{margin:20px auto}.reason-text{max-width:150px}}@media (max-width:480px){.page-title{font-size:24px}.stat-card{min-width:100px;padding:16px}.stat-number{font-size:24px}.modal-dialog{margin:10px auto}.leaves-table td:nth-child(5),.leaves-table th:nth-child(5){max-width:120px}}.leave-row{transition:all .2s ease}.leave-admin-container{background:#fff;border-radius:12px;margin:0 auto}.leave-admin-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:32px}.header-content{flex:1 1}.page-title{color:#1a202c;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.page-subtitle{color:#718096;font-size:16px;font-weight:400;margin:0}.stats-overview{margin-bottom:32px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-item{border-radius:12px;padding:12px;text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.stat-item.total{background:#2563eb1a;border-radius:12px;color:#2563eb;outline:2px solid #dbeafe;text-align:center}.stat-item.pending{background:#fef5e7;border:1px solid #fef5e7;border-radius:12px;color:#d69e2e}.stat-item.approved{background:#f0fff4;border:1px solid #f0fff4;border-radius:12px;color:#38a169}.stat-item.rejected{background:#fff5f5;border:1px solid #fff5f5;border-radius:12px;color:#e53e3e}.stat-content{align-items:center;display:flex;flex-direction:column;gap:8px}.admin-actions{margin-bottom:24px}.action-buttons{gap:12px}.btn{align-items:center;border-radius:8px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#4299e1;border-color:#4299e1}.btn-primary:hover:not(:disabled){background:#3182ce;border-color:#3182ce;transform:translateY(-1px)}.btn-primary:disabled{background:#cbd5e0;border-color:#cbd5e0;transform:none}.btn-outline-primary{background:#fff;border-color:#4299e1;color:#4299e1}.btn-outline-primary:hover:not(:disabled){background:#4299e1;color:#fff;transform:translateY(-1px)}.filters-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:20px}.filter-group{display:flex;flex-wrap:wrap;gap:20px}.filter-item{display:flex;flex-direction:column;gap:6px;min-width:160px}.filter-label{color:#4a5568;font-size:14px;font-weight:600}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e126;outline:none}.loading-container{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-left-color:#4299e1;border-radius:50%;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:16px;margin:0}.empty-state{color:#718096;padding:60px 20px;text-align:center}.empty-icon{color:#cbd5e0;margin-bottom:16px}.empty-title{color:#4a5568;font-size:18px;font-weight:600;margin:0 0 8px}.empty-description{font-size:14px;margin:0 auto;max-width:300px}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;overflow:hidden}.table-responsive{overflow-x:auto}.leaves-table{border-collapse:collapse;font-size:14px;width:100%}.leaves-table th{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:13px;font-weight:600;letter-spacing:.5px;padding:10px 8px;text-align:left;text-transform:uppercase}.leave-row:hover,.leaves-table th{background:#f8fafc}.leave-row:last-child td{border-bottom:none}.employee-info{font-size:13px}.employee-name{color:#2d3748;font-weight:600;margin-bottom:2px}.employee-email{color:#718096;font-size:12px}.department{color:#4a5568;font-weight:500}.leave-type-badge.sick{background:#fed7d7;color:#c53030}.leave-type-badge.casual{background:#bee3f8;color:#2b6cb0}.leave-type-badge.annual{background:#c6f6d5;color:#276749}.leave-type-badge.maternity{background:#fbb6ce;color:#97266d}.leave-type-badge.paternity{background:#fbd38d;color:#975a16}.approver-info{font-size:13px}.approver-name{color:#2d3748;font-weight:600;margin-bottom:2px}.approver-email{color:#718096;font-size:12px}.applied-date{color:#4a5568;font-weight:500}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px;text-transform:capitalize}.status-dot{border-radius:50%;height:6px;width:6px}.status-badge.pending{background:#fef5e7;color:#d69e2e}.status-badge.pending .status-dot{background:#d69e2e}.status-badge.approved{background:#f0fff4;color:#38a169}.status-badge.approved .status-dot{background:#38a169}.status-badge.rejected{background:#fff5f5;color:#e53e3e}.status-badge.rejected .status-dot{background:#e53e3e}.status-badge.cancelled{background:#f7fafc;color:#718096}.status-badge.cancelled .status-dot{background:#718096}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn-approve{align-items:center;background:#38a169;border:1px solid #38a169;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-approve:hover{background:#2f855a;border-color:#2f855a;transform:translateY(-1px)}.btn-reject{align-items:center;background:#e53e3e;border:1px solid #e53e3e;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 12px;transition:all .2s ease}.btn-reject:hover{background:#c53030;border-color:#c53030;transform:translateY(-1px)}.action-completed{color:#718096;font-size:12px;font-style:italic}.pagination{gap:16px;justify-content:center;margin-top:32px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:4px}.pagination-page{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:500;height:40px;transition:all .2s ease;width:40px}.pagination-page:hover{background:#f7fafc;border-color:#cbd5e0}.pagination-page.active{background:#4299e1;border-color:#4299e1;color:#fff}.modal{z-index:10000}.modal-backdrop{z-index:9999}@media (max-width:768px){.leave-admin-container{padding:16px}.leave-admin-header{flex-direction:column;text-align:center}.header-stats{justify-content:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-group{flex-direction:column;gap:12px}.filter-item{min-width:auto}.action-buttons{flex-direction:column}.leaves-table{font-size:12px}.leaves-table td,.leaves-table th{padding:12px 8px}.pagination{flex-direction:column;gap:12px}.toast-notification{left:16px;max-width:none;right:16px}.modal-dialog{margin:20px auto}}@media (max-width:480px){.page-title{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card{min-width:100px;padding:16px}.stat-number{font-size:24px}.modal-dialog{margin:10px auto}}.spinner-border-sm{height:1rem;width:1rem}.btn-approve:focus-visible,.btn-reject:focus-visible,.pagination-btn:focus-visible,.pagination-page:focus-visible{outline:2px solid #4299e1;outline-offset:2px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.leave-management-container-LeaveManagement{height:100%;margin:0 auto;width:100%}.page-title-LeaveManagement{color:#333;font-size:28px;margin-bottom:20px}.main-content-LeaveManagement{background:#fff;border:1px solid #cccccc63;border-radius:8px;height:100%;overflow:hidden;width:100%}.tabs-LeaveManagement{background:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;overflow-x:auto}.tab-btn-LeaveManagement{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .3s;white-space:nowrap}.tab-btn-LeaveManagement:hover{background:#e9ecef;color:#333}.tab-btn-LeaveManagement.active{background:#fff;border-bottom-color:#4a90e2;color:#4a90e2}.tab-content-LeaveManagement{padding:20px}.leave-dashboard-container{display:flex;flex-direction:row;gap:15px}.leave-balance-section{background:#fff;border-radius:8px;flex:1 1}.calendar-section{background:#fff;border-radius:8px;display:flex;flex:2 1;flex-direction:column;text-align:center}.custom-calendar{border:1px solid #cccccc6c;border-radius:5px;height:100%!important;padding:10px;width:100%}.alert-LeaveManagement{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;display:flex;justify-content:space-between;margin-bottom:20px;padding:10px 15px}.alert-LeaveManagement button{background:none;border:none;color:inherit;cursor:pointer;font-size:18px}.loading-container-LeaveManagement{color:#666;padding:40px;text-align:center}@media (max-width:1024px){.leave-dashboard-container{flex-direction:column;height:auto}.calendar-wrapper{height:400px}}@media (max-width:768px){.leave-management-container-LeaveManagement{padding:10px}.tab-btn-LeaveManagement{flex:1 1;min-width:120px;text-align:center}.custom-calendar{height:350px!important;max-width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.center{margin:24px 0;text-align:center}.content>:not(.topbar--global){display:block;margin:50px 0 0;padding:16px}.deeplink-highlight{animation:deeplinkFlash 2.2s ease-in-out;outline:1px solid #006eff5e}@keyframes deeplinkFlash{0%{background:#006eff5e}to{background:#0000}}.comment-item,.comment-node{background:#fff;background:var(--card-bg,#fff);border-radius:6px;box-shadow:inset 0 0 0 1px #00000008;margin-bottom:8px;padding:10px}.comment-children{list-style:none;margin-left:18px;padding-left:0}.comment-head{color:#333;display:flex;font-size:.9rem;gap:10px;justify-content:space-between}.comment-body{margin-top:6px;white-space:pre-wrap}
/*# sourceMappingURL=main.80864109.css.map*/