@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}html,body,#root{height:100%;min-height:100vh}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-dark);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}h1,h2,h3,h4,h5{margin:0;color:var(--slate-900);font-weight:700;letter-spacing:-.01em}p{margin:0}a{color:inherit}button{font-family:inherit}::selection{background:var(--color-primary-light);color:var(--color-primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.app-shell{min-height:100vh;background:var(--color-bg)}.app-main{margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}@media (max-width: 1024px){.app-main{margin-left:0}}.page-content{padding:28px 32px 60px;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 640px){.page-content{padding:20px 16px 48px}}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:800;color:var(--slate-900)}.page-subtitle{color:var(--slate-500);font-size:13.5px;margin-top:4px}.card{background:var(--color-white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-pad{padding:20px 22px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--slate-100)}.card-header h3{font-size:15px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-sm);font-weight:600;font-size:13.5px;padding:9px 16px;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #4caf6e47;border:none}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-1px)}.btn-outline{background:var(--color-white);color:var(--slate-700);border-color:var(--slate-200)}.btn-outline:hover:not(:disabled){border-color:var(--slate-400);background:var(--slate-50)}.btn-ghost{background:transparent;color:var(--slate-600);border:none}.btn-ghost:hover:not(:disabled){background:var(--slate-100)}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:#c62828}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-icon{padding:8px;width:34px;height:34px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:12.5px;font-weight:600;color:var(--slate-600)}.field .hint{font-size:11.5px;color:var(--slate-400)}.field .error-text{font-size:11.5px;color:var(--color-error)}.input,.select,.textarea{width:100%;padding:10px 13px;border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);font-size:13.5px;background:var(--color-white);color:var(--slate-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input.has-error,.select.has-error{border-color:var(--color-error)}.textarea{resize:vertical;min-height:80px}.input-float{position:relative}.input-float input,.input-float select{width:100%;padding:18px 13px 8px;border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);font-size:13.5px;background:var(--color-white);transition:border-color var(--transition-fast)}.input-float input:focus,.input-float select:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.input-float label{position:absolute;left:13px;top:13px;font-size:13.5px;color:var(--slate-400);pointer-events:none;transition:all var(--transition-fast);background:transparent}.input-float input:focus+label,.input-float input:not(:placeholder-shown)+label,.input-float select:focus+label,.input-float select.has-value+label{top:5px;font-size:10.5px;font-weight:700;color:var(--color-primary);letter-spacing:.02em;text-transform:uppercase}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-pending_lead,.badge-pending{background:var(--color-warning-light);color:#a66714}.badge-pending_final{background:var(--color-info-light);color:#2560a8}.badge-approved{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-rejected{background:var(--color-error-light);color:#b7231f}.badge-draft{background:var(--slate-100);color:var(--slate-600)}.badge-new{background:var(--color-info-light);color:#2560a8}.badge-in_progress{background:var(--color-warning-light);color:#a66714}.badge-resolved{background:var(--color-primary-light);color:var(--color-primary-dark)}.badge-closed{background:var(--slate-100);color:var(--slate-600)}.badge-deleted{background:#fee2e2;color:#991b1b}.badge-neutral{background:var(--slate-100);color:var(--slate-600)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg)}table.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--slate-400);font-weight:700;padding:12px 16px;border-bottom:1px solid var(--slate-200);background:var(--slate-50);position:sticky;top:0}.data-table tbody td{padding:13px 16px;border-bottom:1px solid var(--slate-100);color:var(--slate-700);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--slate-50)}.data-table tbody tr:last-child td{border-bottom:none}.record-card-list{display:none;flex-direction:column;gap:12px}.record-card{background:var(--color-white);border:1px solid var(--slate-200);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow-xs)}.record-card-row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px}.record-card-row .k{color:var(--slate-400);font-weight:600;font-size:11.5px;text-transform:uppercase}@media (max-width: 760px){.table-wrap{display:none}.record-card-list{display:flex}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1b1e2173;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn var(--transition-base)}.modal-box{background:var(--color-white);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn var(--transition-base)}.modal-box.modal-lg{max-width:860px}.modal-box.modal-preview{max-width:1160px;width:96vw;height:92vh;display:flex;flex-direction:column}.modal-box.modal-preview .modal-body{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--slate-100);position:sticky;top:0;background:var(--color-white);z-index:1}.modal-header h3{font-size:16px}.modal-body{padding:22px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--slate-100)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.grid{display:grid}.text-muted{color:var(--slate-500)}.text-sm{font-size:12.5px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.empty-state{text-align:center;padding:60px 20px;color:var(--slate-400)}.empty-state svg{margin-bottom:12px;opacity:.5}.empty-state p{font-size:13.5px}.spinner{width:20px;height:20px;border:2.5px solid var(--slate-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-loader{display:flex;align-items:center;justify-content:center;padding:80px 0}.skeleton{background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-200) 37%,var(--slate-100) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.combo-multi{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;border:1.5px solid var(--slate-200);border-radius:var(--radius-sm);background:var(--color-white);min-height:42px;align-items:center}.combo-multi:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.combo-multi.has-error{border-color:var(--color-error)}.combo-multi input{flex:1;min-width:140px;border:none;outline:none;font-size:13px;padding:3px}.combo-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-light);color:var(--color-primary-dark);padding:4px 6px 4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600}.combo-chip button{background:transparent;border:none;cursor:pointer;color:var(--color-primary-dark);display:flex;padding:2px;border-radius:50%}.combo-chip button:hover{background:#4caf6e40}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.stat-card{display:flex;align-items:center;gap:14px}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.tone-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.stat-icon.tone-warning{background:var(--color-warning-light);color:#a66714}.stat-icon.tone-error{background:var(--color-error-light);color:var(--color-error)}.stat-icon.tone-info{background:var(--color-info-light);color:var(--color-info)}.stat-value{font-size:22px;font-weight:800;color:var(--slate-900);line-height:1}.stat-label{font-size:12px;color:var(--slate-500);margin-top:5px;font-weight:600}.mb-24{margin-bottom:24px}.dash-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 1200px){.dash-grid{grid-template-columns:1fr}}.rejected-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--color-error-light);background:#e5393508;border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.rejected-row:hover{background:var(--color-error-light)}.rejected-row-title{font-weight:700;font-size:13px;color:var(--slate-800)}.rejected-row-reason{font-size:12px;color:var(--slate-500);margin-top:2px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-section{border:1.5px solid var(--color-primary);background:linear-gradient(135deg,var(--color-primary-light),#fff)}.imp-section .card-header h3{color:var(--color-primary-dark)}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--slate-200);flex-wrap:wrap}.tab-btn{background:transparent;border:none;padding:10px 16px;font-weight:600;font-size:13px;color:var(--slate-500);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--slate-800)}.tab-btn.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:9999;pointer-events:none}.toast-slide-in{background:#fff;border-left:4px solid #10b981;border-radius:8px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:16px;display:flex;align-items:flex-start;gap:12px;width:320px;pointer-events:auto;cursor:pointer;animation:slideInBottomRight .3s cubic-bezier(.175,.885,.32,1.275) forwards;transition:transform .2s,opacity .2s;position:relative}.toast-slide-in:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.toast-icon{background:#ecfdf5;border-radius:50%;padding:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{flex:1}.toast-content h4{margin:0 0 4px;font-size:14px;color:#111827;font-weight:600}.toast-content p{margin:0;font-size:13px;color:#4b5563;line-height:1.4}.toast-close{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px}.toast-close:hover{background:#f3f4f6;color:#4b5563}@keyframes slideInBottomRight{0%{opacity:0;transform:translate(100%) translateY(20px)}to{opacity:1;transform:translate(0) translateY(0)}}.sidebar-container{width:260px;background:linear-gradient(180deg,#0f172a,#0b1220);color:#fff;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;box-shadow:4px 0 20px #00000040;z-index:1000;transition:transform .3s ease-in-out}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-left:6px}.sidebar-logo-area{display:flex;align-items:center;gap:12px}.sidebar-logo{width:30px;height:30px;object-fit:contain}.logo-text{font-size:22px;font-weight:800;letter-spacing:-.5px}.logo-text span{color:var(--color-primary, #3b82f6)}.sidebar-profile{background:#1e293bcc;padding:12px;border-radius:14px;display:flex;align-items:center;gap:12px;margin-bottom:15px;border:1px solid #1e293b}.profile-avatar{width:38px;height:38px;border-radius:50%;background:var(--color-primary, #3b82f6);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.profile-name{font-weight:600;font-size:13px;margin:0;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.profile-role{font-size:11px;color:#94a3b8;margin:0;font-weight:500;text-transform:capitalize}.redmine-badge{font-size:10px;color:#38bdf8;margin:2px 0 0}.sidebar-nav{flex:1;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.nav-label{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:1px;margin:18px 0 6px 8px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;border-radius:10px;transition:all .2s ease}.nav-link:hover{background:#1e293b;color:var(--color-primary, #3b82f6);transform:translate(3px)}.nav-link.active-link{background:linear-gradient(90deg,var(--color-primary, #3b82f6),var(--color-primary-dark, #2563eb));color:#fff;box-shadow:0 4px 14px #3b82f659}.sidebar-footer{margin-top:auto;padding-top:15px;border-top:1px solid #1e293b}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#f87171;background:transparent;border:none;cursor:pointer;font-weight:600;font-size:13px;border-radius:10px;transition:all .2s ease}.logout-btn:hover{background:#7f1d1d4d;transform:translate(3px)}.sidebar-burger-btn{display:none;position:fixed;top:12px;left:12px;background:#0f172a;color:#fff;border:1px solid #1e293b;padding:7px;border-radius:8px;cursor:pointer;z-index:1001;box-shadow:0 2px 8px #0003;transition:all .2s ease}.sidebar-burger-btn:hover{background:#1e293b;color:var(--color-primary, #3b82f6)}.sidebar-overlay{display:none}@media (max-width: 1024px){.sidebar-container{transform:translate(-100%)}.sidebar-container.open{transform:translate(0)}.sidebar-burger-btn{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.notfound-card{text-align:center;padding:40px}.notfound-card h1{font-size:64px;color:var(--color-primary);margin-bottom:8px}.notfound-card p{color:#666;margin-bottom:20px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5fbf7,#fff);padding:24px}.auth-card{background:#fffffff2;width:100%;max-width:1000px;min-height:560px;border-radius:24px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000014;border:1px solid rgba(255,255,255,.5)}.auth-sidebar{width:40%;background:var(--color-primary);background-image:radial-gradient(circle at top right,#6FCF97,var(--color-primary));padding:48px;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.auth-sidebar:before{content:"";position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1f;border-radius:50%}.auth-sidebar-logo{width:100px;margin-bottom:20px;filter:brightness(0) invert(1)}.auth-sidebar h2{font-size:2rem;font-weight:800;margin-bottom:16px;line-height:1.2}.auth-sidebar p{font-size:1rem;color:#ffffffd9;line-height:1.6}.auth-form-section{flex:1;padding:48px;background:#fff;display:flex;flex-direction:column;justify-content:center}.auth-header{margin-bottom:24px}.auth-header h2{font-size:1.6rem;font-weight:700;color:var(--color-dark)}.auth-header p{color:#6b7280;margin-top:6px;font-size:.9rem}.forgot-link-row{display:flex;justify-content:space-between;align-items:center;margin:-8px 0 16px}.remember-me{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px;cursor:pointer}.remember-me input{cursor:pointer;accent-color:var(--color-primary)}.forgot-link-row a{font-size:13px;color:var(--color-primary);text-decoration:none;font-weight:600}.forgot-link-row a:hover{text-decoration:underline}.auth-btn{width:100%;background:var(--color-dark);color:#fff;padding:14px;border-radius:12px;font-size:1rem;font-weight:700;border:none;cursor:pointer;transition:all .2s;margin-top:8px}.auth-btn:hover{background:#000;transform:translateY(-1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{margin-top:20px;text-align:center;font-size:.9rem;color:#6b7280}.auth-footer a{color:var(--color-primary);font-weight:700;text-decoration:none;margin-left:4px}.auth-footer a:hover{text-decoration:underline}@media (max-width: 850px){.auth-card{flex-direction:column;max-width:480px;min-height:auto}.auth-sidebar{width:100%;padding:32px}.auth-sidebar h2{font-size:1.5rem}}.timer-widget-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:8px}.timer-autopause-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#a66714;background:var(--color-warning-light);padding:4px 10px;border-radius:var(--radius-full)}.timer-widget.layout-full .timer-ring-row{display:flex;flex-direction:row;align-items:center;gap:32px;width:100%;box-sizing:border-box}.timer-widget.layout-full .wl-ring-wrap{width:200px;height:200px;flex-shrink:0;min-width:200px;margin:0}.timer-widget.layout-full .timer-controls{flex:1;min-width:260px;box-sizing:border-box}.timer-widget.layout-full .timer-action-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}@media (max-width: 768px){.timer-widget.layout-full .timer-ring-row{flex-direction:column;align-items:center;gap:20px}}.timer-widget.layout-compact .timer-ring-row{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;box-sizing:border-box}.timer-widget.layout-compact .wl-ring-wrap{width:195px;height:195px;margin:0 auto;flex-shrink:0}.timer-widget.layout-compact .timer-controls{width:100%;flex:none;box-sizing:border-box}.timer-widget.layout-compact .timer-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%}.file-drop{display:flex;align-items:center;gap:10px;border:1.5px dashed var(--slate-300);border-radius:var(--radius-sm);padding:14px;cursor:pointer;color:var(--slate-500);font-size:12.5px;transition:all var(--transition-fast)}.file-drop:hover{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary-dark)}.wl-custom-dropdown-header{width:100%;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;margin-bottom:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.wl-custom-dropdown-header:hover{border-color:#10b981;background:#f8fafc}.wl-custom-dropdown-header.open{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.wl-dropdown-placeholder{color:#64748b;font-size:13.5px;font-weight:500}.wl-dropdown-arrow{color:#64748b;font-size:11px;margin-left:10px}.wl-dropdown-selected-content{flex:1;text-align:left}.wl-task-est{color:#059669;font-weight:600;font-size:11px;background:#10b9811a;padding:2px 6px;border-radius:4px;border:1px solid rgba(16,185,129,.2)}.wl-task-label{font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:1px;margin-bottom:8px;display:block;font-weight:600}.wl-task-card-list{display:flex;flex-direction:column;gap:8px;max-height:210px;overflow-y:auto;margin-bottom:16px;padding-right:4px}.wl-task-card-list::-webkit-scrollbar{width:5px}.wl-task-card-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.wl-no-tasks{background:#f8fafc;border:1px dashed #cbd5e1;padding:16px;border-radius:12px;font-size:12.5px;color:#64748b;text-align:center}.wl-task-card-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .2s ease;text-align:left}.wl-task-card-item:hover{border-color:#94a3b8;background:#f8fafc}.wl-task-card-item.selected{background:linear-gradient(135deg,#10b9810d,#0596691a);border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.wl-task-card-title{font-weight:700;font-size:13.5px;color:#1e293b;margin-bottom:6px;line-height:1.35}.wl-task-card-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;flex-wrap:wrap}.wl-task-ticket{color:#0284c7;font-weight:700}.wl-task-project{color:#475569;font-weight:500}.wl-task-badge{padding:2px 8px;border-radius:6px;font-size:10px;font-weight:700;text-transform:uppercase;margin-left:auto}.wl-task-badge.new{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.2)}.wl-task-badge.in_progress{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.2)}.wl-ring-wrap{position:relative;width:180px;height:180px;flex-shrink:0;min-width:180px;margin:0}.wl-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.wl-ring-bg{fill:none;stroke:#e2e8f0;stroke-width:10}.wl-ring-fg{fill:none;stroke:#10b981;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1s linear,stroke .3s ease}.wl-ring-wrap.overtime .wl-ring-fg{stroke:#ef4444}.wl-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.wl-clock{font-size:27px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.5px;color:#1e293b;line-height:1.1}.wl-status-pill{font-size:10.5px;font-weight:700;padding:3px 12px;border-radius:12px;letter-spacing:.5px;text-transform:uppercase}.wl-status-pill.running{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.wl-status-pill.paused{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.wl-status-pill.idle{background:#94a3b826;color:#64748b}.wl-status-pill.overtime{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.wl-remaining{font-size:12px;color:#64748b;font-weight:600}.btn-pause{background:#10b981!important;color:#fff!important;border:1px solid #10b981!important;box-shadow:0 2px 8px #10b98140;transition:all .2s ease}.btn-pause:hover:not(:disabled){background:#059669!important;border-color:#059669!important;transform:translateY(-1px)}.btn-finish{background:#fff!important;color:#ef4444!important;border:1.5px solid #ef4444!important;transition:all .2s ease}.btn-finish:hover:not(:disabled){background:#ef4444!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 8px #ef444440}.emp-dashboard-container{padding:0 0 32px;display:flex;flex-direction:column;gap:24px}.emp-hero-banner{background:linear-gradient(135deg,#064e3b,#059669,#10b981);border-radius:18px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 10px 25px -5px #05966940,0 8px 10px -6px #05966933;position:relative;overflow:hidden}.emp-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,#ffffff29,#fff0 70%);border-radius:50%;pointer-events:none}.emp-hero-tag{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.emp-hero-title{font-size:26px;font-weight:800;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.emp-hero-subtitle{font-size:14px;color:#ffffffeb;margin:0;max-width:600px;line-height:1.5}.emp-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.emp-hero-btn-primary{background:#fff;color:#065f46;font-weight:700;padding:10px 20px;border-radius:10px;border:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:all .2s ease;text-decoration:none}.emp-hero-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.emp-hero-btn-secondary{background:#ffffff29;color:#fff;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;text-decoration:none}.emp-hero-btn-secondary:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-1px)}.emp-redmine-alert-banner{background:#fef2f2;border:1.5px solid #f87171;border-radius:14px;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;box-shadow:0 4px 12px #ef44441a;animation:pulse-border 2s infinite ease-in-out}@keyframes pulse-border{0%,to{border-color:#f87171}50%{border-color:#ef4444}}.emp-redmine-alert-info{display:flex;align-items:center;gap:12px}.emp-redmine-alert-icon{width:40px;height:40px;border-radius:10px;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-redmine-btn-red{background:#dc2626;color:#fff;font-weight:700;padding:8px 18px;border-radius:8px;border:none;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px #dc262640;transition:all .2s ease}.emp-redmine-btn-red:hover{background:#b91c1c;transform:translateY(-1px)}.emp-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media (max-width: 1024px){.emp-kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 640px){.emp-kpi-grid{grid-template-columns:1fr;gap:10px}}.emp-kpi-card{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;min-width:0}.emp-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000014}.emp-kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.emp-kpi-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emp-kpi-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.emp-kpi-val-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:8px;flex-wrap:wrap}.emp-kpi-value{font-size:26px;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}.emp-kpi-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px}.emp-kpi-footer{font-size:12px;color:#94a3b8;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9}.emp-workspace-grid{display:grid;grid-template-columns:1.8fr 1.2fr;gap:20px}@media (max-width: 1024px){.emp-workspace-grid{grid-template-columns:1fr}}.emp-section-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden}.emp-section-header{padding:18px 22px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.emp-rejected-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:#fef2f2;border:1px solid #fee2e2;text-decoration:none;color:inherit;transition:all .2s ease;margin-bottom:10px}.emp-rejected-item:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.wbs-admin-container{padding:0 0 32px;display:flex;flex-direction:column;gap:24px}.wbs-hero-banner{background:linear-gradient(135deg,#064e3b,#059669,#10b981);border-radius:18px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 10px 25px -5px #05966940,0 8px 10px -6px #05966933;position:relative;overflow:hidden}.wbs-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:340px;height:340px;background:radial-gradient(circle,#ffffff29,#fff0 70%);border-radius:50%;pointer-events:none}.wbs-hero-tag{display:inline-flex;align-items:center;gap:6px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.wbs-hero-title{font-size:26px;font-weight:800;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.wbs-hero-subtitle{font-size:14px;color:#ffffffeb;margin:0;max-width:600px;line-height:1.5}.wbs-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wbs-hero-btn-primary{background:#fff;color:#065f46;font-weight:700;padding:10px 20px;border-radius:10px;border:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:all .2s ease;text-decoration:none}.wbs-hero-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.wbs-hero-btn-secondary{background:#ffffff29;color:#fff;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.35);display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;text-decoration:none}.wbs-hero-btn-secondary:hover{background:#ffffff47;border-color:#fff9;transform:translateY(-1px)}.wbs-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}@media (max-width: 1200px){.wbs-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}}@media (max-width: 640px){.wbs-kpi-grid{grid-template-columns:1fr;gap:10px}}.wbs-kpi-card{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.wbs-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000014}.wbs-kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wbs-kpi-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wbs-kpi-icon-wrap{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wbs-kpi-val-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:8px;flex-wrap:wrap}.wbs-kpi-value{font-size:24px;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}.wbs-kpi-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px}.wbs-kpi-footer{font-size:12px;color:#94a3b8;display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #f1f5f9}.wbs-charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 1024px){.wbs-charts-grid{grid-template-columns:1fr}}.wbs-chart-card{background:#fff;border-radius:16px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.wbs-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.wbs-chart-title{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:8px}.wbs-chart-subtitle{font-size:12.5px;color:#64748b;margin:0}.wbs-project-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.wbs-project-card{padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #f1f5f9;transition:all .2s ease}.wbs-project-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.wbs-project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wbs-project-info{display:flex;align-items:center;gap:8px}.wbs-project-rank{width:22px;height:22px;border-radius:6px;background:#e2e8f0;color:#475569;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.wbs-project-name{font-size:13.5px;font-weight:700;color:#1e293b}.wbs-project-tasks-badge{font-size:12px;font-weight:700;color:#059669;background:#ecfdf5;padding:2px 8px;border-radius:6px;border:1px solid #a7f3d0}.wbs-progress-bar-bg{width:100%;height:7px;background:#e2e8f0;border-radius:9999px;overflow:hidden}.wbs-progress-bar-fill{height:100%;border-radius:9999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.wbs-section-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden}.wbs-section-header{padding:18px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.wbs-avatar{width:32px;height:32px;border-radius:50%;background:#e0e7ff;color:#3730a3;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.wbs-governance-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.wbs-gov-card{background:#fff;border-radius:14px;padding:18px 20px;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:inherit;transition:all .2s ease}.wbs-gov-card:hover{border-color:#10b981;transform:translateY(-2px);box-shadow:0 6px 16px #10b98114}.wbs-gov-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:14px}.wbs-card{background:var(--color-white);padding:28px;border-radius:16px;box-shadow:0 4px 20px #0000000f;max-width:1150px}.wbs-card h2{color:var(--color-dark);margin-bottom:18px}.wbs-recipients{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:8px;margin-bottom:12px;border-bottom:1px solid #EEE}.wbs-item-card{border:1px solid #EEE;border-left:3px solid var(--color-primary);border-radius:12px;padding:12px 14px;margin-bottom:12px;background:#fafbfc}.wbs-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sno-badge{background:var(--color-primary);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:12px}.wbs-item-header-actions{display:flex;gap:6px}.btn-duplicate{background:transparent;color:var(--color-primary-dark);border:1px solid var(--color-primary);padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.btn-duplicate:hover{background:#f0fdf4}.btn-remove{background:transparent;color:var(--color-error);border:1px solid var(--color-error);padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.btn-remove:hover{background:#fdecea}.wbs-item-grid{display:flex;flex-wrap:wrap;gap:8px 10px}.wbs-item-grid .form-group{margin-bottom:0;flex:1 1 130px;min-width:130px}.wbs-item-grid .form-group.wbs-f-wide{flex:1 1 220px;min-width:200px}.wbs-item-grid .form-group label{font-size:10px;margin-bottom:3px}.wbs-item-grid .form-input{padding:8px 10px;font-size:12.5px}.field-hint{font-size:10px;color:var(--color-error);margin-top:3px}.date-field-wrap{position:relative}.date-text-input{padding-right:28px!important}.date-calendar-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:13px;padding:2px}.date-native-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.wbs-actions{display:flex;gap:10px;margin-top:14px}.draft-tag{font-size:11px;background:#fff3cd;color:#856404;padding:2px 10px;border-radius:10px;margin-left:8px;vertical-align:middle}.combo-wrap{position:relative}.combo-input-row{position:relative;display:flex;align-items:center}.combo-input{padding-right:32px!important;cursor:pointer}.combo-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:11px;pointer-events:none}.cc-chips{border:1.5px solid #DDD;border-radius:12px;padding:6px 30px 6px 8px;min-height:44px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;position:relative;cursor:text;background:#fff}.cc-chip{background:#e8f5e9;color:var(--color-primary-dark);border-radius:12px;padding:3px 10px;font-size:12px;display:flex;align-items:center;gap:4px}.cc-chip button{background:none;border:none;cursor:pointer;color:var(--color-primary-dark);font-weight:700;font-size:13px;line-height:1}.cc-chip-input{border:none;outline:none;font-size:12.5px;flex:1;min-width:120px;padding:4px;background:transparent}.combo-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:#fff;border:1px solid #DDD;border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:220px;overflow-y:auto}.combo-option{padding:9px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}.combo-option:hover{background:#f0fdf4}.combo-option-name{font-size:13px;font-weight:600;color:var(--color-dark)}.combo-option-email{font-size:11px;color:#999}.combo-empty{padding:10px 14px;font-size:12px;color:#999}.combo-panel-wide{width:320px;max-width:calc(100vw - 24px);max-height:280px;top:auto!important;bottom:calc(100% + 4px)!important;border:1.5px solid #1f2937}.combo-panel-wide .combo-option-name{white-space:normal;line-height:1.5;font-weight:400;font-size:13px;color:#1f2937}.combo-panel-wide .combo-option{border-bottom:1px solid #D1D5DB;padding:3px 12px}.combo-panel-wide .combo-option:last-child{border-bottom:none}.combo-panel-wide .combo-option:hover{background:#f3f4f6}.combo-align-right{width:200px;left:auto;right:0}.btn-draft{background:#fff;color:var(--color-dark);border:1px solid #DDD;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.btn-draft:hover{border-color:var(--color-primary)}.btn-draft:disabled{opacity:.6;cursor:not-allowed}.wbs-hint{font-size:12px;color:#888;margin-bottom:14px}.btn-subtask{background:#eef2ff;color:#4338ca;border:1px solid #C7D2FE;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}.btn-subtask:hover{background:#e0e7ff}.rejection-banner{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-left:4px solid #dc2626;border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:0 4px 12px #dc262614;display:flex;flex-direction:column;gap:4px}.rejection-banner strong{color:#991b1b;font-size:14px;font-weight:700;display:flex;align-items:center;gap:6px;margin-bottom:4px}.rejection-banner p{font-size:13.5px;color:#7f1d1d;margin:0;line-height:1.5}.rejection-hint{font-style:normal!important;font-weight:500;color:#b91c1c!important;font-size:12px!important;margin-top:4px!important;opacity:.9}@media (max-width: 700px){.wbs-recipients{grid-template-columns:1fr}}.public-approval-shell{min-height:100vh;background:var(--color-bg);display:flex;align-items:center;justify-content:center;padding:20px}.public-approval-card{background:var(--color-white);border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:32px;max-width:640px;width:100%}.pa-brand{font-weight:800;color:var(--slate-900);margin-bottom:20px}.pa-brand b{color:var(--color-primary)}.pa-error,.pa-done{text-align:center;padding:30px 10px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--slate-600)}:root{--color-primary: #4CAF6E;--color-primary-dark: #3D9459;--color-dark: #43474D;--color-bg: #F7F8F9;--color-error: #E53935;--color-white: #FFFFFF;--ink: var(--color-dark);--ink-soft: #5B5F66;--muted: #8A8F98;--border: #E2E5E9;--surface: var(--color-white);--bg: var(--color-bg);--accent: var(--color-primary);--accent-dark: var(--color-primary-dark);--accent-soft: #E8F5EC;--danger: var(--color-error);--danger-soft: #FDEAEA;--radius: 14px;--shadow: 0 1px 2px rgba(67, 71, 77, .05), 0 8px 24px rgba(67, 71, 77, .07);--transition: .18s cubic-bezier(.4, 0, .2, 1)}.settings-page{max-width:1080px;margin:0 auto;padding:8px 4px 40px}.settings-title{margin:0 0 20px;font-size:24px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.settings-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:5px;margin-bottom:24px;background:var(--bg);border:1px solid var(--border);border-radius:12px;width:fit-content;max-width:100%}.settings-tabs button{position:relative;padding:9px 18px;font-size:13.5px;font-weight:600;color:var(--muted);background:transparent;border:none;border-radius:8px;cursor:pointer;white-space:nowrap;transition:color var(--transition),background var(--transition),transform .15s ease}.settings-tabs button:hover{color:var(--ink);background:#0f172a0a}.settings-tabs button.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));box-shadow:0 4px 12px #16a34a47;transform:translateY(-1px)}.settings-tab-content{display:flex;flex-direction:column;gap:20px;animation:settingsTabIn .26s cubic-bezier(.4,0,.2,1)}@keyframes settingsTabIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;transition:box-shadow var(--transition),transform var(--transition)}.settings-card:hover{box-shadow:0 2px 4px #0f172a0d,0 14px 32px #0f172a17}.settings-card h2{margin:0 0 6px;font-size:16.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:8px}.settings-desc{margin:0 0 18px;font-size:13.5px;color:var(--muted);line-height:1.5}.settings-status-line{font-size:13px;color:var(--ink-soft);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-size:12.5px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.form-input{width:100%;box-sizing:border-box;padding:11px 14px;font-size:14.5px;color:var(--ink);background:var(--surface);border:1.5px solid var(--border);border-radius:9px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-dark));border:none;border-radius:9px;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),opacity var(--transition);box-shadow:0 4px 12px #16a34a47}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #16a34a5c}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.success-box,.error-box{padding:11px 14px;margin-bottom:16px;font-size:13.5px;font-weight:500;border-radius:9px;animation:settingsToastIn .22s ease}@keyframes settingsToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.success-box{color:var(--accent-dark);background:var(--accent-soft);border:1px solid #bbf7d0}.error-box{color:var(--danger);background:var(--danger-soft);border:1px solid #fecaca}@media (max-width: 720px){.form-row{grid-template-columns:1fr}.settings-card{padding:20px}.settings-tabs{width:100%;overflow-x:auto}}.reports-page-container{display:flex;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;width:100%}@media (max-width: 768px){.reports-page-container{padding:16px}}.report-header-card{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border:none;border-radius:12px;padding:20px 24px}.report-header-left{display:flex;flex-direction:column;gap:6px}.brand-logo-title{display:flex;align-items:center;gap:12px}.brand-badge{background:#3b82f6;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.05em;text-transform:uppercase}.report-title{font-size:24px;font-weight:800;color:#fff;margin:0}.report-subtitle{font-size:13px;color:#94a3b8;margin:0}.report-subtitle strong{color:#f1f5f9}.report-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.role-tag{font-size:12px;background:#ffffff1a;padding:4px 10px;border-radius:6px;color:#e2e8f0}.role-tag strong{color:#60a5fa}.gen-time{font-size:11px;color:#94a3b8}.controls-card{display:flex;flex-direction:column;gap:16px}.period-tabs{display:flex;gap:10px;flex-wrap:wrap}.period-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;transition:all .2s ease}.period-btn:hover{background:#f1f5f9;color:#0f172a}.period-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 2px 4px #2563eb33}.custom-date-inputs{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-top:12px;border-top:1px solid #f1f5f9}.date-input-group{display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:12px;font-weight:600;color:#64748b}.form-control{padding:8px 12px;font-size:13px;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;background:#fff;outline:none}.form-control:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.generate-btn{padding:9px 18px;font-size:13px}.filters-card{display:flex;flex-direction:column;gap:16px}.search-bar-wrap{position:relative;width:100%}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8}.search-input{width:100%;padding:10px 38px 10px 42px;font-size:14px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#0f172a;outline:none;transition:border-color .2s}.search-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#94a3b8;cursor:pointer}.filter-dropdowns{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-end}.filter-item{display:flex;flex-direction:column;gap:6px;flex:1;min-width:150px}.filter-item label{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#475569}.form-select{padding:8px 12px;font-size:13px;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;background:#fff;outline:none;cursor:pointer}.form-select:focus{border-color:#2563eb}.clear-filters-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;height:35px}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 2px #0000000a}.summary-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.summary-card-icon.blue{background:#eff6ff;color:#2563eb}.summary-card-icon.indigo{background:#e0e7ff;color:#4f46e5}.summary-card-icon.green{background:#ecfdf5;color:#10b981}.summary-card-icon.amber{background:#fffbeb;color:#d97706}.summary-card-icon.red{background:#fef2f2;color:#ef4444}.summary-card-icon.orange{background:#fff7ed;color:#ea580c}.summary-card-icon.teal{background:#f0fdfa;color:#0d9488}.summary-card-body{display:flex;flex-direction:column}.summary-card-value{font-size:20px;font-weight:800;color:#0f172a;line-height:1.2}.summary-card-label{font-size:12px;color:#64748b;margin-top:2px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 900px){.charts-grid{grid-template-columns:1fr}}.chart-card{display:flex;flex-direction:column;gap:12px}.full-width-chart{grid-column:1 / -1}.chart-title{font-size:15px;font-weight:700;color:#1e293b}.chart-container{width:100%;min-height:240px}.table-card{display:flex;flex-direction:column;gap:16px;padding:0;overflow:hidden}.table-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.table-card-header h3{font-size:16px;font-weight:700;color:#0f172a}.table-count-tag{font-size:12px;background:#f1f5f9;color:#475569;padding:4px 10px;border-radius:12px;font-weight:600}.table-actions{display:flex;gap:10px}.table-responsive{width:100%;overflow-x:auto}.reports-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.reports-table th{background:#f8fafc;color:#475569;font-weight:600;padding:12px 16px;border-bottom:1px solid #e2e8f0;white-space:nowrap}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{background:#f1f5f9;color:#0f172a}.reports-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.clickable-row{cursor:pointer;transition:background .15s ease}.clickable-row:hover{background:#f8fafc}.selected-row{background:#eff6ff!important}.user-avatar-cell{display:flex;align-items:center;gap:10px}.avatar-circle{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.task-name-cell{max-width:280px}.task-title-text{display:block;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-badge{font-size:10px;background:#e2e8f0;color:#475569;padding:2px 6px;border-radius:4px;margin-top:2px;display:inline-block}.status-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:capitalize}.status-new{background:#dbeafe;color:#1e40af}.status-in_progress{background:#fef3c7;color:#92400e}.status-resolved{background:#d1fae5;color:#065f46}.status-closed{background:#f3f4f6;color:#4b5563}.condition-pill{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700}.cond-ontime{background:#d1fae5;color:#065f46}.cond-overdue{background:#fee2e2;color:#991b1b}.cond-overtime{background:#ffedd5;color:#9a3412}.cond-both{background:#f3e8ff;color:#6b21a8}.btn-view-details{border:1px solid #cbd5e1;background:#fff;color:#2563eb;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-view-details:hover{background:#2563eb;color:#fff;border-color:#2563eb}.pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #f1f5f9}.pagination-info{font-size:12px;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:12px}.pagination-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#334155;border-radius:6px;cursor:pointer}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-indicator{font-size:12px;font-weight:600;color:#0f172a}.loading-state,.empty-table-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:#64748b}.spinning{animation:spin 1s linear infinite}.error-banner{display:flex;align-items:center;gap:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;padding:14px 18px;border-radius:8px;font-size:13px}.cal-page-container{display:flex;flex-direction:column;gap:24px;max-width:1400px;margin:0 auto;padding-bottom:48px}.cal-hero-card{background:linear-gradient(135deg,#064e3b,#059669,#10b981);border-radius:18px;padding:24px 30px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;box-shadow:0 10px 25px -5px #05966940,0 8px 10px -6px #05966933;position:relative;overflow:hidden}.cal-hero-card:after{content:"";position:absolute;top:-50%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,#ffffff2e,#fff0 70%);border-radius:50%;pointer-events:none}.cal-hero-left{display:flex;align-items:center;gap:16px;z-index:1}.cal-hero-icon-box{width:52px;height:52px;border-radius:14px;background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.cal-hero-tag{display:inline-flex;align-items:center;gap:5px;background:#ffffff38;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.cal-hero-title{font-size:24px;font-weight:800;margin:0 0 4px;color:#fff;letter-spacing:-.02em}.cal-hero-subtitle{font-size:13.5px;color:#ffffffe6;margin:0;max-width:650px}.cal-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;z-index:1}.cal-hero-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s ease;border:none;text-decoration:none}.cal-hero-btn-light{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cal-hero-btn-light:hover{background:#ffffff4d;transform:translateY(-1px)}.cal-hero-btn-white{background:#fff;color:#064e3b;font-weight:700;box-shadow:0 4px 12px #0000001f}.cal-hero-btn-white:hover{background:#f8fafc;transform:translateY(-1px)}.cal-main-layout{display:grid;grid-template-columns:290px 1fr;gap:24px;align-items:start}@media (max-width: 1024px){.cal-main-layout{grid-template-columns:1fr}}.cal-sidebar{display:flex;flex-direction:column;gap:20px}.cal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 1px 3px #0000000a}.cal-card-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding-bottom:12px;margin-bottom:14px}.cal-card-title{font-size:12.5px;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px;margin:0}.cal-card-action-btn{background:transparent;border:none;color:#059669;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;transition:all .15s ease}.cal-card-action-btn:hover{background:#ecfdf5}.cal-cat-list{display:flex;flex-direction:column;gap:6px}.cal-cat-row{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:10px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.cal-cat-row:hover{background:#f8fafc}.cal-cat-left{display:flex;align-items:center;gap:10px}.cal-checkbox{width:16px;height:16px;accent-color:#059669;cursor:pointer}.cal-cat-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #0000001a}.cal-cat-name{font-size:13px;font-weight:500;color:#334155}.cal-cat-count{font-size:11px;font-weight:700;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:9999px}.cal-upcoming-list{display:flex;flex-direction:column;gap:10px;max-height:320px;overflow-y:auto;padding-right:4px}.cal-upcoming-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px;cursor:pointer;transition:all .15s ease}.cal-upcoming-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 10px #0000000d;transform:translateY(-1px)}.cal-upcoming-badge-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.cal-upcoming-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;color:#fff;text-transform:uppercase}.cal-upcoming-date{font-size:11.5px;font-weight:600;color:#64748b}.cal-upcoming-title{font-size:13px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-upcoming-meta{font-size:11.5px;color:#64748b;display:flex;align-items:center;gap:4px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-board{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 1px 3px #0000000a;overflow:hidden;display:flex;flex-direction:column}.cal-toolbar{padding:16px 22px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.cal-nav-wrapper{display:flex;align-items:center;gap:12px}.cal-month-title{font-size:19px;font-weight:800;color:#0f172a;min-width:175px;letter-spacing:-.01em;margin:0}.cal-nav-buttons{display:inline-flex;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:2px}.cal-btn-icon{background:transparent;border:none;padding:6px 8px;border-radius:8px;color:#475569;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cal-btn-icon:hover{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000f}.cal-btn-today{background:transparent;border:none;padding:5px 12px;font-size:12px;font-weight:700;color:#334155;cursor:pointer;border-radius:8px;transition:all .15s ease}.cal-btn-today:hover{background:#fff;color:#0f172a;box-shadow:0 1px 2px #0000000f}.cal-controls-right{display:flex;align-items:center;gap:10px}.cal-search-box{position:relative;width:200px}@media (max-width: 640px){.cal-search-box{width:100%}}.cal-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.cal-search-input{width:100%;padding:7px 12px 7px 32px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:12.5px;color:#0f172a;outline:none;transition:all .15s ease}.cal-search-input:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 2px #05966926}.cal-view-selector{display:inline-flex;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:2px;gap:2px}.cal-view-btn{padding:6px 13px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;color:#64748b;background:transparent;display:flex;align-items:center;gap:6px;transition:all .15s ease}.cal-view-btn:hover{color:#0f172a}.cal-view-btn.active{background:#059669;color:#fff;font-weight:700;box-shadow:0 2px 6px #05966940}.cal-month-wrap{display:flex;flex-direction:column}.cal-weekdays-header{display:grid;grid-template-columns:repeat(7,1fr);background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:center;padding:10px 0}.cal-weekday-name{font-size:11.5px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.cal-days-matrix{display:grid;grid-template-columns:repeat(7,1fr);background:#e2e8f0;gap:1px}.cal-cell{background:#fff;min-height:115px;padding:8px;display:flex;flex-direction:column;transition:background-color .15s ease;cursor:pointer}.cal-cell:hover{background:#f8fafc}.cal-cell.not-current-month{background:#fafafa;opacity:.4}.cal-cell-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.cal-date-number{font-size:12px;font-weight:700;color:#334155;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.cal-date-number.today{background:#059669;color:#fff;box-shadow:0 2px 6px #05966959}.cal-cell-events-list{display:flex;flex-direction:column;gap:3px;flex:1;overflow:hidden}.cal-pill{padding:2px 7px;border-radius:5px;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:transform .12s ease,filter .12s ease;box-shadow:0 1px 2px #00000014}.cal-pill:hover{transform:translateY(-1px);filter:brightness(1.08)}.cal-pill-time{opacity:.85;margin-right:4px;font-size:10px}.cal-more-events{font-size:10px;font-weight:700;color:#64748b;padding-left:4px;margin-top:2px}.cal-week-grid{display:grid;grid-template-columns:repeat(7,1fr);background:#e2e8f0;gap:1px;min-height:480px}.cal-week-col{background:#fff;padding:10px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:background .15s ease}.cal-week-col:hover{background:#f8fafc}.cal-week-event-card{padding:8px 10px;border-radius:10px;color:#fff;box-shadow:0 2px 6px #00000014;cursor:pointer;transition:transform .15s ease}.cal-week-event-card:hover{transform:translateY(-1px);filter:brightness(1.05)}.cal-week-event-time{font-size:10px;font-weight:700;opacity:.85;margin-bottom:2px}.cal-week-event-title{font-size:12px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-agenda-wrap{padding:24px;display:flex;flex-direction:column;gap:12px;max-height:620px;overflow-y:auto}.cal-agenda-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;transition:all .18s ease}.cal-agenda-row:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 14px #0000000d;transform:translateY(-1px)}.cal-agenda-left{display:flex;align-items:flex-start;gap:14px}.cal-agenda-bar{width:5px;border-radius:4px;align-self:stretch;flex-shrink:0}.cal-agenda-details{display:flex;flex-direction:column;gap:4px}.cal-agenda-top-row{display:flex;align-items:center;gap:8px}.cal-agenda-cat-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:6px;color:#fff;text-transform:uppercase}.cal-agenda-event-title{font-size:14px;font-weight:700;color:#0f172a;margin:0}.cal-agenda-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:12px;color:#64748b}.cal-agenda-meta-item{display:flex;align-items:center;gap:5px}.cal-agenda-desc{font-size:12.5px;color:#475569;margin:4px 0 0;line-height:1.4}.cal-agenda-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.cal-attendees-pill{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e2e8f0;padding:4px 10px;border-radius:8px;font-size:12px;font-weight:600;color:#475569}.cal-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:calFadeIn .2s ease-out}.cal-modal-card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 20px 40px -8px #0f172a40;width:100%;max-width:560px;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.cal-modal-header{padding:18px 24px;color:#fff;display:flex;align-items:center;justify-content:space-between;transition:background-color .2s ease}.cal-modal-header-left{display:flex;align-items:center;gap:10px}.cal-modal-header-title{font-size:16px;font-weight:700;margin:0;color:#fff}.cal-modal-header-btn{background:#0000002e;border:none;color:#fff;padding:6px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cal-modal-header-btn:hover{background:#00000059}.cal-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.cal-input-title{width:100%;padding:12px 16px;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;font-size:15px;font-weight:600;color:#0f172a;outline:none;transition:all .18s ease}.cal-input-title:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 3px #0596692e}.cal-form-group{display:flex;flex-direction:column;gap:6px}.cal-label{font-size:11.5px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:6px}.cal-timing-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.cal-timing-header{display:flex;align-items:center;justify-content:space-between}.cal-timing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 500px){.cal-timing-grid{grid-template-columns:1fr}}.cal-date-time-row{display:flex;align-items:center;gap:6px}.cal-input-date{flex:1;padding:8px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;color:#0f172a;outline:none}.cal-input-time{width:90px;padding:8px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:12px;color:#0f172a;outline:none}.cal-input-text{width:100%;padding:9px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#0f172a;outline:none;transition:all .15s ease}.cal-input-text:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 2px #05966926}.cal-textarea{width:100%;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#0f172a;outline:none;resize:vertical;min-height:70px;font-family:inherit}.cal-textarea:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 2px #05966926}.cal-chips-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.cal-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:6px;font-size:12px;font-weight:500}.cal-chip-remove{background:transparent;border:none;color:#065f46;cursor:pointer;display:flex;align-items:center;padding:0}.cal-chip-remove:hover{color:#e11d48}.cal-chip-input{flex:1;min-width:180px;border:none;background:transparent;outline:none;font-size:12px;color:#0f172a;padding:3px 0}.cal-invite-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between}.cal-modal-footer{padding:16px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.cal-modal-footer-right{display:flex;align-items:center;gap:10px;margin-left:auto}.cal-swatch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:6px 0}.cal-swatch-btn{height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.12);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .12s ease}.cal-swatch-btn:hover{transform:scale(1.08)}.dc-sidebar-container{width:260px;background:linear-gradient(180deg,#0f172a,#0b1220);color:#fff;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;padding:24px 16px;box-shadow:4px 0 20px #00000040;z-index:1000;transition:width .3s ease,transform .3s ease}.dc-sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-left:6px}.dc-sidebar-logo-area{display:flex;align-items:center;gap:12px}.dc-sidebar-logo{width:30px;height:30px;object-fit:contain}.dc-logo-text{font-size:22px;font-weight:800;letter-spacing:-.5px;color:#fff}.dc-logo-text span{color:#4caf6e}.dc-sidebar-profile{background:#1e293bcc;padding:12px;border-radius:14px;display:flex;align-items:center;gap:12px;margin-bottom:12px;border:1px solid #1e293b}.dc-profile-avatar{width:38px;height:38px;border-radius:50%;background:#4caf6e;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.dc-profile-info{overflow:hidden}.dc-profile-name{font-weight:600;font-size:13px;margin:0;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.dc-profile-role{font-size:11px;color:#94a3b8;margin:0;font-weight:500;text-transform:capitalize}.dc-sidebar-nav{flex:1;overflow-y:auto;padding-right:4px;scroll-behavior:smooth}.dc-sidebar-nav::-webkit-scrollbar{width:5px}.dc-sidebar-nav::-webkit-scrollbar-track{background:transparent}.dc-sidebar-nav::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.dc-nav-label{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:1px;margin:16px 0 6px 8px}.dc-nav-link{display:flex;align-items:center;gap:12px;padding:10px 14px;color:#94a3b8;text-decoration:none;font-size:13px;font-weight:500;border-radius:10px;transition:all .2s ease;position:relative}.dc-nav-link:hover{background:#1e293b;color:#4caf6e;transform:translate(3px)}.dc-nav-link.active-link{background:linear-gradient(90deg,#4caf6e,#3d9459);color:#fff;box-shadow:0 4px 14px #4caf6e59}.dc-sidebar-footer{margin-top:auto;padding-top:15px;border-top:1px solid #1e293b}.dc-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:10px 14px;color:#f87171;background:transparent;border:none;cursor:pointer;font-weight:600;font-size:13px;border-radius:10px;transition:all .2s ease}.dc-logout-btn:hover{background:#7f1d1d4d;transform:translate(3px)}.dc-burger-btn{display:none;position:fixed;top:12px;left:12px;background:#0f172a;color:#fff;border:1px solid #1e293b;padding:8px;border-radius:8px;cursor:pointer;z-index:1001;box-shadow:0 2px 8px #0003}.dc-sidebar-overlay{display:none}.dc-tooltip{display:none;position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:12px;background:#0f172a;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;box-shadow:0 4px 12px #0000004d;z-index:1010;pointer-events:none;border:1px solid #334155}@media (min-width: 1024px) and (max-width: 1199px){.dc-sidebar-container{width:72px;padding:20px 10px}.dc-sidebar-container .dc-logo-text,.dc-sidebar-container .dc-profile-info,.dc-sidebar-container .dc-nav-label,.dc-sidebar-container .dc-nav-link span,.dc-sidebar-container .dc-logout-btn span,.dc-sidebar-container .module-switcher-wrapper label,.dc-sidebar-container .module-switcher-wrapper select{display:none}.dc-sidebar-container .module-switcher-wrapper{padding:0!important}.dc-sidebar-container .module-switcher-wrapper>div{justify-content:center;padding:8px!important}.dc-sidebar-header{justify-content:center;padding:0}.dc-sidebar-profile{justify-content:center;padding:8px}.dc-nav-link{justify-content:center;padding:12px}.dc-nav-link:hover .dc-tooltip{display:block}.dc-logout-btn{justify-content:center}}@media (min-width: 768px) and (max-width: 1023px){.dc-sidebar-container{transform:translate(-100%);width:260px}.dc-sidebar-container.open{transform:translate(0)}.dc-burger-btn{display:flex;align-items:center;justify-content:center}.dc-sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}}@media (max-width: 767px){.dc-sidebar-container{transform:translate(-100%);width:260px}.dc-sidebar-container.open{transform:translate(0)}.dc-burger-btn{display:flex;align-items:center;justify-content:center}.dc-sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:999}}.dc-app-shell{min-height:100vh;background:var(--color-bg, #F7F8F9)}.dc-app-main{margin-left:260px;min-height:100vh;display:flex;flex-direction:column;transition:margin-left .3s ease}.dc-page-content{padding:28px 32px 60px;width:100%;box-sizing:border-box}@media (min-width: 1440px){.dc-app-main{margin-left:260px}.dc-page-content{max-width:1200px;margin:0 auto;padding:32px 0 60px}}@media (min-width: 1200px) and (max-width: 1439px){.dc-app-main{margin-left:260px}.dc-page-content{max-width:100%;padding:28px 32px 60px}}@media (min-width: 1024px) and (max-width: 1199px){.dc-app-main{margin-left:72px}.dc-page-content{max-width:100%;padding:24px 20px 48px}}@media (min-width: 768px) and (max-width: 1023px){.dc-app-main{margin-left:0}.dc-page-content{padding:20px 20px 48px}}@media (min-width: 481px) and (max-width: 767px){.dc-app-main{margin-left:0}.dc-page-content{padding:16px 16px 40px}.dc-page-content .card{display:flex;flex-direction:column}.dc-page-content button,.dc-page-content .btn{min-height:44px}}@media (max-width: 480px){.dc-app-main{margin-left:0}.dc-page-content{padding:12px 12px 32px;font-size:14px}.dc-page-content .btn,.dc-page-content button.btn-block-mobile{width:100%}}.dc-dashboard-container{padding:0 0 32px;display:flex;flex-direction:column;gap:24px}.dc-hero-banner{background:linear-gradient(135deg,#064e3b,#059669,#10b981);border-radius:18px;padding:28px 32px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;box-shadow:0 10px 25px -5px #05966940,0 8px 10px -6px #05966933;position:relative;overflow:hidden}.dc-hero-banner:after{content:"";position:absolute;top:-50%;right:-10%;width:320px;height:320px;background:radial-gradient(circle,#ffffff26,#fff0 70%);border-radius:50%;pointer-events:none}.dc-hero-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px 12px;border-radius:9999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.dc-hero-title{font-size:26px;font-weight:800;margin:0 0 6px;color:#fff;letter-spacing:-.02em}.dc-hero-subtitle{font-size:14px;color:#ffffffe6;margin:0}.dc-hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dc-hero-btn-primary{background:#fff;color:#065f46;font-weight:700;padding:10px 20px;border-radius:10px;border:none;display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #0000001f;transition:all .2s ease}.dc-hero-btn-primary:hover{background:#f0fdf4;transform:translateY(-2px);box-shadow:0 6px 16px #00000029}.dc-hero-btn-secondary{background:#ffffff26;color:#fff;font-weight:600;padding:10px 18px;border-radius:10px;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.dc-hero-btn-secondary:hover{background:#ffffff40;border-color:#ffffff80}.dc-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.dc-kpi-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:space-between}.dc-kpi-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -5px #00000014}.dc-kpi-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dc-kpi-label{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.dc-kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dc-kpi-val-row{display:flex;align-items:baseline;gap:10px}.dc-kpi-value{font-size:28px;font-weight:800;color:#0f172a;line-height:1}.dc-kpi-badge{font-size:12px;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.dc-kpi-footer{margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9;font-size:12px;color:#64748b;display:flex;justify-content:space-between;align-items:center}.dc-charts-grid{display:grid;grid-template-columns:2fr 1.2fr;gap:20px}@media (max-width: 1024px){.dc-charts-grid{grid-template-columns:1fr}}.dc-chart-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column}.dc-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dc-chart-title{font-size:16px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0}.dc-chart-subtitle{font-size:12px;color:#64748b;margin:3px 0 0}.dc-rank-list{display:flex;flex-direction:column;gap:16px;margin-top:12px}.dc-rank-item{display:flex;flex-direction:column;gap:6px}.dc-rank-info{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:600;color:#1e293b}.dc-rank-name{display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.dc-rank-index{width:20px;height:20px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.dc-rank-bar-bg{height:8px;background:#f1f5f9;border-radius:9999px;overflow:hidden}.dc-rank-bar-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.4,0,.2,1)}.dc-bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}@media (max-width: 1024px){.dc-bottom-grid{grid-template-columns:1fr}}.dc-panel{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.dc-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dc-panel-title{font-size:16px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:8px;margin:0}.dc-view-all-link{font-size:13px;font-weight:600;color:#059669;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.dc-view-all-link:hover{color:#047857;text-decoration:underline}.dc-draft-mini{padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;transition:all .15s ease}.dc-draft-mini:hover{background:#f1f5f9;border-color:#cbd5e1}.dc-shortcut-card{padding:16px;border-radius:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;margin-top:16px}.items-desktop-table{display:block;width:100%;overflow-x:auto}.items-mobile-cards{display:none;flex-direction:column;gap:16px}.qty-stepper{display:inline-flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;background:#fff}.qty-btn{width:32px;height:32px;display:flex;align-items:center;justify:center;border:none;background:#f1f5f9;color:#334155;font-weight:700;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.qty-btn:hover:not(:disabled){background:#e2e8f0}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{width:50px;height:32px;text-align:center;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;font-weight:600;color:#0f172a;outline:none}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}@media (max-width: 768px){.items-desktop-table{display:none}.items-mobile-cards{display:flex}.item-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;position:relative;box-shadow:0 1px 3px #0000000d}.item-card-header{display:flex;justify:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.item-card-badge{font-weight:700;color:#4caf6e;font-size:12px;background:#e7f6ed;padding:2px 8px;border-radius:12px}.item-card-body{display:flex;flex-direction:column;gap:12px}}:root{color-scheme:light;--color-primary: #4CAF6E;--color-primary-dark: #3D9459;--color-primary-light: #E7F6ED;--color-dark: #43474D;--color-bg: #F7F8F9;--color-error: #E53935;--color-error-light: #FDECEA;--color-white: #FFFFFF;--slate-50: #F7F8F9;--slate-100: #EEF0F2;--slate-200: #E3E6E9;--slate-300: #CBD1D7;--slate-400: #9AA3AC;--slate-500: #6B7580;--slate-600: #545C66;--slate-700: #43474D;--slate-800: #2E3237;--slate-900: #1B1E21;--color-warning: #F5A524;--color-warning-light: #FEF3E0;--color-info: #3B82D6;--color-info-light: #E8F1FC;--color-success: var(--color-primary);--color-success-light: var(--color-primary-light);--shadow-xs: 0 1px 2px rgba(27, 30, 33, .04);--shadow-sm: 0 1px 3px rgba(27, 30, 33, .06), 0 1px 2px rgba(27, 30, 33, .04);--shadow-md: 0 4px 12px rgba(27, 30, 33, .08), 0 2px 4px rgba(27, 30, 33, .04);--shadow-lg: 0 12px 28px rgba(27, 30, 33, .12), 0 4px 8px rgba(27, 30, 33, .04);--shadow-focus: 0 0 0 3px rgba(76, 175, 110, .28);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-full: 999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sidebar-width: 260px;--topbar-height: 68px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-dark)}.form-group{text-align:left;margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:1.5px solid #e5e7eb;border-radius:12px;font-size:14px;background:#f9fafb;color:var(--color-dark);outline:none;transition:all .2s}.form-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #4caf6e1f}.form-input:disabled{background:#f0f0f0;color:#888;cursor:not-allowed}select.form-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.25a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}.input-wrapper{position:relative}.input-wrapper svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.input-wrapper .form-input{padding-left:44px}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:13px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--color-dark);border:1.5px solid #e5e7eb;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#f5f5f5}.error-box{background:#fdecea;color:var(--color-error);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}.success-box{background:#e8f5e9;color:var(--color-primary-dark);padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite!important;display:inline-block!important}