*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .8);--bg-card-solid: #ffffff;--bg-hover: #f1f5f9;--bg-sidebar: rgba(255, 255, 255, .85);--bg-input: #ffffff;--bg-overlay: rgba(15, 23, 42, .4);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--border: rgba(226, 232, 240, .8);--border-hover: #cbd5e1;--border-focus: #6366f1;--accent: #6366f1;--accent-hover: #4f46e5;--accent-light: rgba(99, 102, 241, .1);--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--accent-gradient-hover: linear-gradient(135deg, #4f46e5 0%, #7c3aed 50%, #8b5cf6 100%);--status-keldi: #f59e0b;--status-keldi-bg: rgba(245, 158, 11, .12);--status-keldi-border: rgba(245, 158, 11, .3);--status-qoshildi: #3b82f6;--status-qoshildi-bg: rgba(59, 130, 246, .12);--status-qoshildi-border: rgba(59, 130, 246, .3);--status-sinov-muddati: #8b5cf6;--status-sinov-muddati-bg: rgba(139, 92, 246, .12);--status-sinov-muddati-border: rgba(139, 92, 246, .3);--status-shartnoma: #10b981;--status-shartnoma-bg: rgba(16, 185, 129, .12);--status-shartnoma-border: rgba(16, 185, 129, .3);--success: #10b981;--success-bg: rgba(16, 185, 129, .12);--dept-success: #047857;--dept-success-grad-from: #059669;--dept-warning: #b45309;--dept-warning-grad-from: #d97706;--dept-error: #be123c;--dept-error-grad-from: #e11d48;--error: #ef4444;--error-bg: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--info: #3b82f6;--info-bg: rgba(59, 130, 246, .12);--notes: #8b5cf6;--notes-bg: rgba(139, 92, 246, .12);--left: #0d9488;--left-bg: rgba(13, 148, 136, .12);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--shadow-card: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .03);--radius-sm: .375rem;--radius: .5rem;--radius-md: .625rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-fast: all .15s ease;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width: 260px;--sidebar-collapsed: 72px;--header-height: 80px;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 12px}[data-theme=dark]{--bg-primary: #0c0f1a;--bg-secondary: #131829;--bg-card: rgba(30, 41, 59, .6);--bg-card-solid: #1e293b;--bg-hover: #1e293b;--bg-sidebar: rgba(15, 23, 42, .9);--bg-input: #1e293b;--bg-overlay: rgba(0, 0, 0, .6);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border: rgba(51, 65, 85, .6);--border-hover: #475569;--border-focus: #818cf8;--accent: #818cf8;--accent-hover: #6366f1;--accent-light: rgba(129, 140, 248, .15);--accent-gradient: linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #c4b5fd 100%);--accent-gradient-hover: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a78bfa 100%);--status-keldi: #fbbf24;--status-keldi-bg: rgba(251, 191, 36, .15);--status-keldi-border: rgba(251, 191, 36, .3);--status-qoshildi: #60a5fa;--status-qoshildi-bg: rgba(96, 165, 250, .15);--status-qoshildi-border: rgba(96, 165, 250, .3);--status-sinov-muddati: #a78bfa;--status-sinov-muddati-bg: rgba(167, 139, 250, .15);--status-sinov-muddati-border: rgba(167, 139, 250, .3);--status-shartnoma: #34d399;--status-shartnoma-bg: rgba(52, 211, 153, .15);--status-shartnoma-border: rgba(52, 211, 153, .3);--success: #34d399;--success-bg: rgba(52, 211, 153, .15);--dept-success: #047857;--dept-success-grad-from: #059669;--dept-warning: #b45309;--dept-warning-grad-from: #d97706;--dept-error: #be123c;--dept-error-grad-from: #e11d48;--error: #f87171;--error-bg: rgba(248, 113, 113, .15);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .15);--info: #60a5fa;--info-bg: rgba(96, 165, 250, .15);--notes: #a78bfa;--notes-bg: rgba(167, 139, 250, .15);--left: #2dd4bf;--left-bg: rgba(45, 212, 191, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .35), 0 4px 6px -4px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .3);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(129, 140, 248, .2);--shadow-card: 0 1px 3px rgba(0, 0, 0, .2), 0 1px 2px rgba(0, 0, 0, .15);--glass-bg: rgba(30, 41, 59, .5);--glass-border: rgba(51, 65, 85, .4);--glass-blur: 16px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.3;color:var(--text-primary);letter-spacing:-.02em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-light);color:var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes dotPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.8);opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-fade-in-up{animation:fadeInUp .4s ease forwards}.animate-fade-in-down{animation:fadeInDown .4s ease forwards}.animate-slide-left{animation:slideInLeft .3s ease forwards}.animate-slide-right{animation:slideInRight .3s ease forwards}.animate-scale-in{animation:scaleIn .3s ease forwards}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;font-weight:600;font-size:.875rem;line-height:1;border:none;cursor:pointer;border-radius:var(--radius-lg);padding:.625rem 1.25rem;transition:var(--transition);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{padding:.4rem .875rem;font-size:.8125rem;border-radius:var(--radius)}.btn-lg{padding:.75rem 1.5rem;font-size:.9375rem;border-radius:var(--radius-xl)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 8px #6366f14d;background-size:200% 200%}.btn-primary:hover:not(:disabled){background:var(--accent-gradient-hover);box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--border);border-color:var(--border-hover)}.btn-outline{background:transparent;color:var(--accent);border:1.5px solid var(--accent)}.btn-outline:hover:not(:disabled){background:var(--accent-light)}.btn-danger{background:var(--error);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef444466}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon{padding:.5rem;border-radius:var(--radius-lg);min-width:36px;min-height:36px}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.8125rem;font-weight:600;color:var(--text-primary);letter-spacing:.01em}.form-label .required{color:var(--error);margin-left:.125rem}.form-input{width:100%;padding:.625rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);outline:none}.form-input::placeholder{color:var(--text-muted)}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-input.error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-bg)}.form-input:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-secondary)}.form-error{font-size:.75rem;color:var(--error);font-weight:500}.form-input-icon{position:relative}.form-input-icon .input-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;font-size:1.125rem}.form-input-icon .form-input{padding-left:2.5rem}.form-textarea{width:100%;padding:.625rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);outline:none;resize:vertical;min-height:100px;line-height:1.6}.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.form-select{width:100%;padding:.625rem 2.25rem .625rem .875rem;font-family:Inter,sans-serif;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .625rem center;background-size:1rem}.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.card{background:var(--bg-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-card);transition:var(--transition)}.card:hover{box-shadow:var(--shadow)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:var(--shadow-sm)}.card-gradient{background:var(--accent-gradient);border:none;border-radius:var(--radius-xl);padding:1.5rem;color:#fff;box-shadow:0 4px 16px #6366f140}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.4}.badge-keldi{background:var(--status-keldi-bg);color:var(--status-keldi);border:1px solid var(--status-keldi-border)}.badge-qoshildi{background:var(--status-qoshildi-bg);color:var(--status-qoshildi);border:1px solid var(--status-qoshildi-border)}.badge-shartnoma{background:var(--status-shartnoma-bg);color:var(--status-shartnoma);border:1px solid var(--status-shartnoma-border)}.badge-rad-etildi,.badge-danger{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-error{background:var(--error-bg);color:var(--error)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-notes{background:var(--notes-bg);color:var(--notes);border:1px solid transparent}.badge-left{background:var(--left-bg);color:var(--left);border:1px solid transparent}.badge-afterhours{background:var(--notes-bg);color:var(--notes);border:1px solid transparent}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:dotPulse 2s infinite}.demo-mode-badge{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);z-index:10000;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .875rem;border-radius:var(--radius-full);background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.35);font-size:.75rem;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .15));pointer-events:none;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}.modal-overlay-top{align-items:flex-start;justify-content:flex-start;padding-top:1.5rem;padding-left:1.5rem}.modal-content{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.modal-sm{max-width:400px}.modal-md{max-width:540px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-2xl{max-width:1200px}.modal-full{max-width:95vw;max-height:95vh;height:95vh;margin:2.5vh auto}.modal-full .modal-body{height:calc(100% - 120px);overflow:hidden;padding:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:1.125rem;font-weight:700}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast);font-size:1.25rem}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border)}.org-delete-confirm{padding:2rem 1.75rem 1.75rem;text-align:center}.org-delete-icon{position:relative;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1.25rem;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted)}.org-delete-icon-badge{position:absolute;top:-2px;right:-2px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--error);color:#fff;border:2px solid var(--bg-card-solid)}.org-delete-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.625rem}.org-delete-message{font-size:.875rem;line-height:1.55;color:var(--text-secondary);margin-bottom:1.5rem}.org-delete-actions{display:flex;gap:.75rem}.org-delete-actions>*{flex:1}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:var(--transition-slow);overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid var(--border);min-height:var(--header-height)}.sidebar-logo-icon{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.875rem;flex-shrink:0;box-shadow:0 2px 8px #6366f14d}.sidebar-logo-text{font-size:1.125rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.sidebar-nav{flex:1;padding:.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.sidebar-section-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .75rem .375rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:var(--transition);cursor:pointer;text-decoration:none;position:relative}.sidebar-link:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent-gradient);border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-link-icon{display:flex;align-items:center;font-size:1.125rem;flex-shrink:0;width:20px;justify-content:center}.sidebar-link-badge{margin-left:auto;background:var(--accent);color:#fff;font-size:.6875rem;font-weight:700;padding:.125rem .5rem;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border)}.sidebar-user{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);transition:var(--transition-fast)}.sidebar-user:hover{background:var(--bg-hover)}.sidebar-avatar{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.8125rem;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:var(--text-muted);font-weight:500}.sidebar-logo{position:relative}.sidebar-logo-text,.sidebar-link-label,.sidebar-section-title,.sidebar-user-info{white-space:nowrap;transition:opacity .18s ease}.sidebar-link-label{overflow:hidden;text-overflow:ellipsis}.sidebar-collapse-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;margin-left:auto;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,opacity .18s ease}.sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.sidebar-collapse-btn:focus-visible,.sidebar-link:focus-visible,.sidebar-logout:focus-visible{outline:2px solid #ff8050;outline-offset:2px}.btn.sidebar-logout{padding:.25rem;min-width:auto;min-height:auto;color:var(--error)}.sidebar-tooltip{position:fixed;z-index:1100;transform:translateY(-50%);padding:.375rem .625rem;border-radius:var(--radius-sm);background:#0f172a;color:#f8fafc;font-size:.75rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);pointer-events:none;animation:sidebar-tooltip-in .12s ease-out}:root[data-theme=dark] .sidebar-tooltip{background:#e2e8f0;color:#0f172a}@keyframes sidebar-tooltip-in{0%{opacity:0;transform:translate(-4px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (min-width: 769px){.app-layout--collapsed{--sidebar-width: 72px}.app-layout--collapsed .app-content-inner{max-width:1588px}.app-layout--collapsed .sidebar-logo{justify-content:center;gap:0;padding-left:0;padding-right:0}.app-layout--collapsed .sidebar-logo-text,.app-layout--collapsed .sidebar-link-label,.app-layout--collapsed .sidebar-user-info{width:0;opacity:0;overflow:hidden;pointer-events:none}.app-layout--collapsed .sidebar-collapse-btn{position:absolute;top:50%;left:50%;width:36px;height:36px;margin:0;transform:translate(-50%,-50%);opacity:0;color:var(--text-primary);background:var(--bg-hover);border-color:var(--border)}.app-layout--collapsed .sidebar-logo-icon{transition:opacity .18s ease}.app-layout--collapsed .sidebar-logo:hover .sidebar-collapse-btn,.app-layout--collapsed .sidebar-collapse-btn:focus-visible{opacity:1}.app-layout--collapsed .sidebar-logo:hover .sidebar-logo-icon{opacity:0}.app-layout--collapsed .sidebar-link{justify-content:center;gap:0;padding-left:0;padding-right:0}.app-layout--collapsed .sidebar-section-title{height:1px;margin:.625rem .5rem;padding:0;overflow:hidden;font-size:0;background:var(--border)}.app-layout--collapsed .sidebar-user{flex-direction:column;gap:.5rem;padding:.5rem 0}.app-layout--collapsed .sidebar-user-info{flex:0 0 0;height:0}}@media (max-width: 768px){.sidebar-collapse-btn{display:none}}.header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:50;transition:var(--transition-slow)}.seasonal-fx{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.seasonal-band-anchor{position:relative;height:0}.seasonal-fx--band{top:-1.5rem;height:150px;z-index:-1;-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 100%);mask-image:linear-gradient(to bottom,#000 55%,transparent 100%)}.header-left{display:flex;align-items:center;gap:.75rem;flex:1 1 auto;min-width:0;position:relative;z-index:1}.header-logo{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,#fb923c,#f97316 55%,#ea580c);color:#fff;font-weight:700;font-size:.75rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px #f9731659}.header-nav{display:flex;align-items:center;gap:.5rem;min-width:0;overflow-x:auto;scrollbar-width:none}.header-nav::-webkit-scrollbar{display:none}.header-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;white-space:nowrap;flex-shrink:0;transition:var(--transition-fast)}.header-pill svg{flex-shrink:0;opacity:.85}.header-pill.active{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-color:transparent;box-shadow:0 4px 14px #f9731659}.header-pill.active svg{opacity:1}.header-icon-btn{width:38px;height:38px;min-width:38px;border-radius:var(--radius-lg)!important;border:1px solid var(--border);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.header-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;position:relative;z-index:1}button.header-pill{cursor:pointer;font-family:inherit}.header-lang{position:relative}.header-lang-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:190px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:.5rem;display:flex;flex-direction:column;gap:.375rem;z-index:60}.header-lang-menu--left{right:auto;left:0}.header-lang-option{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer;text-align:left;transition:var(--transition-fast)}.header-lang-option:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.header-lang-option.active{background:#f973161a;border-color:#f9731666;color:#f97316;font-weight:700}.header-lang-option.active svg{color:#f97316}.app-layout{display:flex;min-height:100vh}.app-content{flex:1;min-width:0;margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:var(--transition-slow)}.app-content--no-header{padding-top:1.5rem}.app-content-inner{padding:1.5rem;max-width:1400px;margin:0 auto}.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;min-height:calc(100vh - 200px)}.kanban-column{display:flex;flex-direction:column;background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border);overflow:hidden;min-height:400px;max-height:75vh}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.kanban-column-header-left{display:flex;align-items:center;gap:.625rem}.kanban-column-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.kanban-column-dot.keldi{background:var(--status-keldi)}.kanban-column-dot.qoshildi{background:var(--status-qoshildi)}.kanban-column-dot.sinov_muddati{background:var(--status-sinov-muddati)}.kanban-column-dot.shartnoma{background:var(--status-shartnoma)}.kanban-column-dot.rad_etildi{background:var(--error)}.kanban-column-title{font-size:.875rem;font-weight:700;color:var(--text-primary)}.kanban-column-count{font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--bg-card-solid);padding:.125rem .5rem;border-radius:var(--radius-full);border:1px solid var(--border)}.kanban-column-body{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:.625rem;overflow-y:auto;overflow-x:hidden;max-height:calc(75vh - 60px)}.kanban-column-body::-webkit-scrollbar{width:8px}.kanban-column-body::-webkit-scrollbar-track{background:transparent;margin:.5rem 0}.kanban-column-body::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}.kanban-column-body::-webkit-scrollbar-thumb:hover{background:var(--accent)}.kanban-column-body.drag-over{background:var(--accent-light);border:2px dashed var(--accent);border-radius:var(--radius-lg);margin:.5rem}.kanban-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:.875rem;cursor:grab;transition:var(--transition);animation:fadeInUp .3s ease}.kanban-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-1px)}.kanban-card:active{cursor:grabbing}.kanban-card.dragging{opacity:.5;transform:rotate(3deg);box-shadow:var(--shadow-lg)}.kanban-card.interview-today{border:1px solid var(--success);border-left:4px solid var(--success);background:linear-gradient(135deg,var(--success-bg) 0%,var(--bg-card-solid) 55%);box-shadow:0 2px 8px var(--success-bg)}.kanban-card.interview-today:hover{border-color:var(--success);box-shadow:0 4px 14px var(--success-bg)}.interview-today-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;color:var(--success);background:var(--success-bg);border:1px solid var(--success);border-radius:999px}.kanban-card.sinov-ends{border:1px solid var(--error);border-left:4px solid var(--error);background:linear-gradient(135deg,var(--error-bg) 0%,var(--bg-card-solid) 55%);box-shadow:0 2px 8px var(--error-bg)}.kanban-card.sinov-ends:hover{border-color:var(--error);box-shadow:0 4px 14px var(--error-bg)}.sinov-ends-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.375rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;color:var(--error);background:var(--error-bg);border:1px solid var(--error);border-radius:999px}.table tr.contract-expiring-row td{background:var(--error-bg)}.table tr.contract-expiring-row td:first-child{box-shadow:inset 4px 0 0 var(--error)}.contract-expiring-badge{display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:700;border-radius:var(--radius-sm);white-space:nowrap}.contract-expiring-badge.is-expired{color:var(--error);background:var(--error-bg);border:1px solid var(--error)}.contract-expiring-badge.is-soon{color:#b45309;background:#f59e0b1f;border:1px solid rgba(245,158,11,.4)}:root[data-theme=dark] .contract-expiring-badge.is-soon{color:#f59e0b}.kanban-card-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.kanban-card-position{font-size:.75rem;color:var(--text-secondary);margin-bottom:.5rem}.kanban-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.kanban-card-date,.kanban-card-phone{font-size:.6875rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.stats-card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;display:flex;align-items:flex-start;gap:1rem;transition:var(--transition);animation:fadeInUp .4s ease forwards;opacity:0}.stats-card:nth-child(1){animation-delay:0s}.stats-card:nth-child(2){animation-delay:.1s}.stats-card:nth-child(3){animation-delay:.2s}.stats-card:nth-child(4){animation-delay:.3s}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stats-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.stats-icon.indigo{background:#6366f11f;color:#6366f1}.stats-icon.emerald{background:#10b9811f;color:#10b981}.stats-icon.amber{background:#f59e0b1f;color:#f59e0b}.stats-icon.blue{background:#3b82f61f;color:#3b82f6}.stats-icon.rose{background:#f43f5e1f;color:#f43f5e}.stats-icon.dept-success{background:#04785729;color:var(--dept-success)}.stats-icon.dept-warning{background:#b4530929;color:var(--dept-warning)}.stats-icon.dept-error{background:#be123c29;color:var(--dept-error)}.stats-icon.brand-gold{background:#ffb80024;color:#b87d00}.stats-icon.brand-orange{background:#ff805029;color:#d9532b}.stats-icon.brand-red{background:#ff2b001f;color:#ff2b00}:root[data-theme=dark] .stats-icon.brand-gold{color:#ffb800}:root[data-theme=dark] .stats-icon.brand-orange{color:#ff8050}:root[data-theme=dark] .stats-icon.brand-red{color:#ff5c3d}.stats-info{flex:1}.stats-label{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-bottom:.25rem}.stats-value{font-size:1.5rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}.table-container{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:auto;max-height:650px;position:relative}.table-container::-webkit-scrollbar{width:8px;height:8px}.table-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}.table-container::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:var(--radius-full);transition:var(--transition-fast)}.table-container::-webkit-scrollbar-thumb:hover{background:var(--accent)}.table-container::-webkit-scrollbar-corner{background:transparent}.table-container{scrollbar-width:thin;scrollbar-color:var(--border-hover) var(--bg-secondary);scroll-behavior:smooth}.table-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.table-title{font-size:1rem;font-weight:700}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap}.table td{padding:.75rem 1.25rem;font-size:.875rem;color:var(--text-primary);border-bottom:1px solid var(--border)}.phone-cell{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-hover)}.table-actions{display:flex;align-items:center;gap:.375rem}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:var(--radius-lg);background:var(--bg-card-solid);border:1px solid var(--border);box-shadow:var(--shadow-lg);min-width:300px;max-width:420px;animation:slideInRight .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto}.toast-success{border-left:3px solid var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-icon{font-size:1.125rem;flex-shrink:0}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--error)}.toast-warning .toast-icon{color:var(--warning)}.toast-info .toast-icon{color:var(--info)}.toast-message{font-size:.8125rem;font-weight:500;color:var(--text-primary);flex:1}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1rem;display:flex;transition:var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:4px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-text{font-size:.875rem;color:var(--text-muted);font-weight:500}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;animation:fadeInUp .4s ease}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.4}.empty-state-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.375rem}.empty-state-text{font-size:.875rem;color:var(--text-muted);max-width:360px;margin-bottom:1.25rem}.login-page{min-height:100vh;display:flex;background:var(--bg-primary);position:relative;overflow:hidden}.login-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--accent-gradient);background-size:200% 200%;animation:gradientMove 8s ease infinite;position:relative;padding:2rem}.login-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.1) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.08) 0%,transparent 50%)}.login-brand{position:relative;z-index:1;text-align:center;color:#fff}.login-brand h1{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:.75rem;letter-spacing:-.03em}.login-brand p{font-size:1.125rem;color:#fffc;max-width:400px;line-height:1.6}.login-features{margin-top:2.5rem;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.login-feature{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.9375rem;font-weight:500}.login-feature-icon{width:36px;height:36px;background:#ffffff26;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.login-right{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative}.login-form-wrapper{width:100%;max-width:400px;animation:fadeInUp .5s ease}.login-form-title{font-size:1.75rem;font-weight:800;margin-bottom:.375rem;letter-spacing:-.03em}.login-form-subtitle{font-size:.9375rem;color:var(--text-muted);margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-error{padding:.75rem 1rem;border-radius:var(--radius-lg);background:var(--error-bg);border:1px solid rgba(239,68,68,.2);font-size:.8125rem;color:var(--error);font-weight:500;animation:fadeInDown .3s ease}.login-demo{margin-top:1.5rem;padding:1rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border)}.login-demo-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.login-demo-item{font-size:.8125rem;color:var(--text-muted);display:flex;align-items:center;gap:.375rem;margin-bottom:.125rem}.login-demo-item code{font-family:SF Mono,Fira Code,Fira Mono,monospace;background:var(--bg-hover);padding:.125rem .375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;color:var(--text-primary)}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.125rem;transition:var(--transition)}.theme-toggle:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1rem;padding:.875rem 1.25rem;border-top:1px solid var(--border)}.pagination-summary{font-size:.8125rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pagination-summary strong{color:var(--text-primary);font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.375rem;margin-left:auto}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-width:36px;height:36px;padding:0 .625rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.pagination-btn:hover:not(:disabled):not(.active){background:#ff80501a;border-color:#ff805059;color:var(--text-primary)}.pagination-btn:focus-visible{outline:2px solid #ff8050;outline-offset:2px}.pagination-btn.active{background:linear-gradient(135deg,#ff2b00,#ff8050);color:#fff;box-shadow:0 2px 10px #ff2b004d;cursor:default}.pagination-nav{border-color:var(--border);padding:0 .75rem}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-gap{min-width:24px;text-align:center;color:var(--text-muted);font-weight:600;-webkit-user-select:none;user-select:none}@media (max-width: 640px){.pagination{justify-content:center}.pagination-controls{margin-left:0}.pagination-nav-label{display:none}.pagination-nav{padding:0}}.search-bar{position:relative}.search-bar .search-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:1rem;display:flex;align-items:center;line-height:0}.search-bar .form-input{padding-left:2.5rem;padding-right:1rem}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-header-left{display:flex;flex-direction:column;gap:.25rem}.page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.page-subtitle{font-size:.875rem;color:var(--text-muted)}.page-header-right{display:flex;align-items:center;gap:.75rem}.onboarding-title-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;flex-shrink:0}.onboarding-plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.onboarding-dept-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.onboarding-dept-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.25rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;text-align:left;font-family:inherit;transition:var(--transition-fast)}.onboarding-dept-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.onboarding-dept-card.general{border-style:dashed}.onboarding-dept-card-tools{position:absolute;top:.75rem;right:.75rem;display:flex;gap:.25rem;opacity:0;transition:opacity .15s ease}.onboarding-dept-card:hover .onboarding-dept-card-tools{opacity:1}.onboarding-dept-card-tool{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.onboarding-dept-card-tool:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.onboarding-dept-card-tool.danger:hover{border-color:var(--dept-error);color:var(--dept-error);background:#be123c1f}.onboarding-dept-card.add{align-items:center;justify-content:center;text-align:center;border-style:dashed;background:transparent;min-height:132px}.onboarding-dept-card.add:hover{background:var(--accent-light)}.onboarding-dept-card.add .onboarding-dept-card-name{color:var(--text-secondary);text-transform:none}.onboarding-dept-card.add:hover .onboarding-dept-card-name{color:var(--accent)}.onboarding-dept-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent)}.onboarding-dept-card-icon.add{border-radius:50%;border:1.5px dashed var(--accent);background:transparent}.onboarding-dept-card-name{font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:capitalize}.onboarding-dept-card-meta{display:flex;gap:.75rem;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.onboarding-dept-back-btn{display:inline-flex;align-self:flex-start;width:fit-content;align-items:center;gap:.3125rem;padding:.375rem .75rem .375rem .5rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;margin-bottom:.75rem;transition:var(--transition-fast)}.onboarding-dept-back-btn svg{transition:transform .15s ease}.onboarding-dept-back-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.onboarding-dept-back-btn:hover svg{transform:translate(-2px)}.onboarding-plan-card{display:flex;flex-direction:column;gap:1rem;border-radius:var(--radius-lg);border-color:var(--border);transition:var(--transition-fast)}.onboarding-plan-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.onboarding-plan-card-header{display:flex;align-items:flex-start;gap:.75rem}.onboarding-plan-dept-badge{margin-left:auto;flex-shrink:0;white-space:nowrap}.onboarding-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent)}.onboarding-plan-card-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.125rem}.onboarding-plan-card-header p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.onboarding-plan-stats{display:flex;gap:1.25rem;padding-top:.875rem;border-top:1px solid var(--border)}.onboarding-plan-stats span{display:inline-flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.onboarding-plan-stats svg{color:var(--accent)}.onboarding-plan-actions{display:flex;align-items:center;gap:.5rem}.onboarding-plan-actions>.btn{flex:1}.onboarding-btn-wide{padding-left:1.75rem;padding-right:1.75rem}.onboarding-progress-cell{display:flex;align-items:center;gap:.625rem;min-width:160px}.onboarding-progress-track{flex:1;height:6px;border-radius:var(--radius-full);background:var(--bg-secondary);overflow:hidden}.onboarding-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--accent-gradient);transition:width .3s ease}.onboarding-progress-fill.complete{background:linear-gradient(90deg,var(--success) 0%,#059669 100%)}.onboarding-progress-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);white-space:nowrap}.onboarding-current-step{font-size:.8125rem;color:var(--text-secondary)}.onboarding-current-step.complete{display:inline-flex;align-items:center;gap:.375rem;color:var(--success);font-weight:600}.onboarding-progress-empty{padding:2.5rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.875rem}.onboarding-progress-row{cursor:pointer;transition:var(--transition-fast)}.onboarding-progress-row:hover{background:var(--bg-hover)}.onboarding-plan-pills{display:flex;flex-wrap:wrap;gap:.375rem}.onboarding-plan-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:600;white-space:nowrap}.onboarding-plan-pill-more{background:var(--bg-secondary);color:var(--text-muted)}.onboarding-progress-view-hint{display:inline-flex;align-items:center;gap:.3125rem;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.onboarding-progress-row:hover .onboarding-progress-view-hint{color:var(--accent)}.onboarding-view-submissions{display:flex;flex-direction:column;gap:1rem}.onboarding-view-header{display:flex;align-items:center;gap:.75rem;padding-bottom:.875rem;border-bottom:1px solid var(--border)}.onboarding-view-header strong{display:block;font-size:1rem;font-weight:700;color:var(--text-primary)}.onboarding-view-header span{font-size:.8125rem;color:var(--text-secondary)}.onboarding-view-plan-section{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.onboarding-view-plan-header{display:flex;align-items:center;gap:.5rem}.onboarding-view-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent)}.onboarding-view-plan-name{flex:1;min-width:0;font-size:.9375rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-view-plan-header .attendance-toggle-btn{width:30px;height:30px}.onboarding-view-step-group{display:flex;flex-direction:column;gap:.5rem}.onboarding-view-step-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.onboarding-view-task{padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card-solid)}.onboarding-view-task-header{display:flex;align-items:center;gap:.5rem}.onboarding-view-task-icon{display:inline-flex;color:var(--accent);flex-shrink:0}.onboarding-view-task-title{flex:1;min-width:0;font-size:.875rem;font-weight:600;color:var(--text-primary)}.onboarding-view-task-submission{display:flex;flex-direction:column;gap:.375rem;margin-top:.625rem;padding-top:.625rem;border-top:1px dashed var(--border)}.onboarding-view-task-submission p{font-size:.8125rem;color:var(--text-primary);line-height:1.55;white-space:pre-wrap}.onboarding-view-task-submission a{display:inline-flex;align-items:center;gap:.375rem;width:fit-content;max-width:100%;font-size:.8125rem;font-weight:600;color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-view-task-submission a:hover{text-decoration:underline}.onboarding-view-task-date{display:flex;align-items:center;gap:.3125rem;font-size:.75rem;color:var(--text-muted)}.onboarding-view-task.review-pending{border-left:3px solid var(--info)}.onboarding-view-task.review-approved{border-left:3px solid var(--success)}.onboarding-view-task.review-rejected{border-left:3px solid var(--error)}.onboarding-review-actions{display:flex;gap:.5rem;margin-top:.25rem}.onboarding-review-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.4375rem .75rem;border-radius:var(--radius-md);border:1.5px solid transparent;font-family:inherit;font-size:.75rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.onboarding-review-btn:disabled{opacity:.6;cursor:default}.onboarding-review-btn.approve{background:var(--success-bg);color:var(--success);border-color:transparent}.onboarding-review-btn.approve:hover:not(:disabled){border-color:var(--success)}.onboarding-review-btn.reject{background:var(--error-bg);color:var(--error);border-color:transparent}.onboarding-review-btn.reject:hover:not(:disabled){border-color:var(--error)}.onboarding-review-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border)}.onboarding-review-btn.cancel:hover:not(:disabled){background:var(--bg-hover)}.onboarding-reject-reason{display:flex;flex-direction:column;gap:.5rem}.onboarding-review-note{display:flex;align-items:flex-start;gap:.4375rem;padding:.5rem .625rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:500;line-height:1.5}.onboarding-review-note.rejected{background:var(--error-bg);color:var(--error)}.onboarding-review-note.approved{background:var(--success-bg);color:var(--success)}.onboarding-review-note svg{flex-shrink:0;margin-top:.125rem}.onboarding-form-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.onboarding-form-topbar-left{display:flex;align-items:center;gap:.875rem}.onboarding-back-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.onboarding-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.onboarding-form-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em}.onboarding-form-topbar-actions{display:flex;align-items:center;gap:.75rem}.onboarding-form-grid{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:1.5rem;align-items:start}@media (max-width: 900px){.onboarding-form-grid{grid-template-columns:1fr}}.onboarding-form-left{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg)}.onboarding-form-right{display:flex;flex-direction:column;gap:1rem}.onboarding-picker-section{display:flex;flex-direction:column;gap:.625rem;padding-top:1.25rem;border-top:1px solid var(--border)}.onboarding-picker-section .form-label{margin-bottom:0}.onboarding-department-list{display:flex;flex-direction:column;gap:.25rem}.onboarding-checkbox-row{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.onboarding-checkbox-row:hover{background:var(--bg-hover)}.onboarding-checkbox-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.onboarding-checkbox-row span:first-of-type{flex:1;font-size:.8125rem;font-weight:600;color:var(--text-primary);text-transform:capitalize}.onboarding-checkbox-count{font-size:.75rem;color:var(--text-muted);font-weight:600}.onboarding-employee-list{display:flex;flex-direction:column;gap:.125rem;max-height:220px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:.375rem}.onboarding-employee-row{padding:.5rem .625rem}.onboarding-employee-row-info{flex:1;display:flex;flex-direction:column;min-width:0}.onboarding-employee-row-name{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.onboarding-employee-row-dept{font-size:.6875rem;color:var(--text-muted);text-transform:capitalize}.onboarding-employee-list-empty{padding:1rem;text-align:center;font-size:.8125rem;color:var(--text-muted)}.onboarding-step-card{background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem}.onboarding-step-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:1rem}.onboarding-step-card-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:50%;background:var(--accent-light);color:var(--accent);font-size:.75rem;font-weight:700}.onboarding-step-card-title{flex:1;font-size:.9375rem;font-weight:700;color:var(--text-primary)}.onboarding-step-card-delete{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.onboarding-step-card-delete:hover{background:var(--error-bg);color:var(--error)}.onboarding-task-block{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;margin-bottom:.75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.onboarding-task-row{display:flex;align-items:flex-end;gap:.625rem}.onboarding-task-field-type{width:132px;flex-shrink:0}.onboarding-task-field-name{flex:1;min-width:0}.onboarding-task-field-type label,.onboarding-task-field-name label,.onboarding-task-field label{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:.375rem}.onboarding-task-field{display:flex;flex-direction:column}.onboarding-task-field-error{display:flex;align-items:center;gap:.3125rem;margin-top:.375rem;font-size:.75rem;font-weight:600;color:var(--error)}.onboarding-type-select{position:relative}.onboarding-type-trigger{display:flex;align-items:center;gap:.375rem;width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-primary);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.onboarding-type-trigger span{flex:1;text-align:left}.onboarding-type-trigger:hover{border-color:var(--accent)}.onboarding-type-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.onboarding-type-trigger svg:first-child{color:var(--accent);flex-shrink:0}.onboarding-type-trigger svg:last-child{color:var(--text-muted);flex-shrink:0;transition:transform .15s ease}.onboarding-type-trigger.open svg:last-child{transform:rotate(180deg)}.onboarding-type-panel{z-index:1100;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;padding:.375rem;display:flex;flex-direction:column;gap:.125rem}.onboarding-type-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);font-family:inherit;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;transition:var(--transition-fast)}.onboarding-type-option svg{color:var(--text-muted);flex-shrink:0}.onboarding-type-option:hover{background:var(--bg-hover)}.onboarding-type-option.selected{background:var(--accent-light);color:var(--accent)}.onboarding-type-option.selected svg{color:var(--accent)}.onboarding-task-remove{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.onboarding-task-remove:hover{background:var(--error-bg);color:var(--error)}.onboarding-task-add{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--accent);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.onboarding-task-add:hover{background:var(--accent-light);border-color:var(--accent)}.onboarding-step-add-page{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:transparent;color:var(--accent);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.onboarding-step-add-page:hover{background:var(--accent-light);border-color:var(--accent)}.onboarding-doc-upload-btn{display:inline-flex;align-items:center;gap:.4375rem;width:fit-content;padding:.5625rem .875rem;border:1.5px dashed var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--accent);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.onboarding-doc-upload-btn:hover{background:var(--accent-light);border-color:var(--accent)}.onboarding-doc-upload-btn.uploading{opacity:.65;cursor:default;pointer-events:none}.onboarding-doc-upload-btn.has-file{border-style:solid;border-color:var(--accent);background:var(--accent-light)}.onboarding-doc-upload-btn input[type=file]{display:none}.onboarding-doc-attached{display:flex;align-items:center;gap:.5rem;padding:.5rem .625rem .5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--accent-light);width:fit-content;max-width:100%}.onboarding-doc-attached-name{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:600;color:var(--accent);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-doc-attached-name:hover{text-decoration:underline}.onboarding-doc-remove{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:none;border-radius:50%;background:transparent;color:var(--accent);cursor:pointer;transition:var(--transition-fast)}.onboarding-doc-remove:hover{background:var(--error-bg);color:var(--error)}.onboarding-assign-created-list{display:flex;flex-direction:column;gap:.625rem;max-height:340px;overflow-y:auto}.onboarding-assign-created-row{flex-wrap:wrap}.onboarding-assign-created-name{flex-shrink:0;font-size:.8125rem;font-weight:700;color:var(--text-primary);margin-right:.25rem}.onboarding-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.onboarding-stat-card{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;border-radius:var(--radius-md);background:var(--bg-card-solid);border:1px solid var(--border);transition:var(--transition-fast)}.onboarding-stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow)}.onboarding-stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:var(--radius);background:var(--accent-light);color:var(--accent)}.onboarding-stat-value{display:block;font-size:1.375rem;font-weight:700;color:var(--text-primary);line-height:1.3}.onboarding-stat-label{display:block;font-size:.8125rem;color:var(--text-muted);font-weight:500}.onboarding-public-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1.25rem;background:var(--bg-primary)}.onboarding-public-card{width:100%;max-width:560px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:2rem;animation:scaleIn .25s cubic-bezier(.34,1.56,.64,1)}.onboarding-public-brand{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:var(--text-muted);font-size:.8125rem;font-weight:700}.onboarding-public-brand-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);background:var(--accent-gradient);color:#fff}.onboarding-public-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.onboarding-public-header-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border-radius:var(--radius-lg);background:var(--accent-gradient);color:#fff}.onboarding-public-header h1{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.onboarding-public-header p{font-size:.875rem;color:var(--text-secondary)}.onboarding-public-progress{margin-bottom:1.5rem}.onboarding-public-progress-track{height:8px;border-radius:var(--radius-full);background:var(--bg-secondary);overflow:hidden;margin-bottom:.5rem}.onboarding-public-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--accent-gradient);transition:width .4s ease}.onboarding-public-progress-fill.complete{background:linear-gradient(90deg,var(--success) 0%,#059669 100%)}.onboarding-public-progress span{font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.onboarding-public-complete-banner{display:flex;align-items:center;gap:.625rem;padding:.875rem 1rem;margin-bottom:1.25rem;border-radius:var(--radius-md);background:var(--success-bg);color:var(--success);font-size:.875rem;font-weight:700}.onboarding-public-steps{display:flex;flex-direction:column;gap:1.5rem}.onboarding-public-step-group{display:flex;flex-direction:column;gap:.625rem}.onboarding-public-step-group-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted)}.onboarding-public-task{display:flex;flex-direction:column;gap:.625rem}.onboarding-public-video{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-md);overflow:hidden;background:#000}.onboarding-public-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.onboarding-public-doc{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent);text-decoration:none;font-size:.875rem;font-weight:600;transition:var(--transition-fast)}.onboarding-public-doc:hover{border-color:var(--accent)}.onboarding-public-doc span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.onboarding-public-step{display:flex;align-items:center;gap:.875rem;width:100%;padding:.875rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-primary);text-align:left;font-family:inherit;transition:var(--transition-fast)}.onboarding-public-step.review-approved{background:var(--success-bg);border-color:transparent}.onboarding-public-step.review-pending{background:var(--info-bg);border-color:transparent}.onboarding-public-step.review-rejected{background:var(--error-bg);border-color:transparent}.onboarding-public-step-check{display:inline-flex;flex-shrink:0;color:var(--text-muted);margin-top:.0625rem}.onboarding-public-step.review-approved .onboarding-public-step-check{color:var(--success)}.onboarding-public-step.review-pending .onboarding-public-step-check{color:var(--info)}.onboarding-public-step.review-rejected .onboarding-public-step-check{color:var(--error)}.onboarding-public-step-text{display:flex;flex:1;flex-direction:column;gap:.1875rem;min-width:0}.onboarding-public-step-title{font-size:.9375rem;font-weight:600;line-height:1.4}.onboarding-public-step.review-approved .onboarding-public-step-title{text-decoration:line-through;color:var(--text-secondary)}.onboarding-public-step-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.onboarding-public-step-status{font-size:.8125rem;font-weight:700;line-height:1.4}.onboarding-public-step-status.pending{color:var(--info)}.onboarding-public-step-status.rejected{color:var(--error)}.onboarding-public-submit-btn{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;padding:.5rem .875rem;border:none;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.onboarding-public-submit-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.onboarding-public-submit-btn.status-approved{background:var(--bg-card-solid);color:var(--success);border:1.5px solid var(--success)}.onboarding-public-submit-btn.status-approved:hover{background:var(--success-bg);filter:none}.onboarding-public-submit-btn.status-pending{background:var(--bg-card-solid);color:var(--info);border:1.5px solid var(--info)}.onboarding-public-submit-btn.status-pending:hover{background:var(--info-bg);filter:none}.onboarding-public-submit-btn.status-rejected{background:var(--error);color:#fff;border:1.5px solid transparent}.onboarding-public-submit-btn.status-rejected:hover{filter:brightness(1.1)}.onboarding-submit-task-title{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.875rem}.onboarding-submit-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.875rem}.onboarding-submit-type-tab{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:.75rem .5rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.onboarding-submit-type-tab:hover{border-color:var(--accent);color:var(--text-primary)}.onboarding-submit-type-tab.active{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.onboarding-submission-view{display:flex;flex-direction:column;gap:.75rem}.onboarding-submission-view-meta{display:inline-flex;align-items:center;gap:.375rem;width:fit-content;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:700}.onboarding-submission-view-meta.status-approved{background:var(--success-bg);color:var(--success)}.onboarding-submission-view-meta.status-pending{background:var(--info-bg);color:var(--info)}.onboarding-submission-view-date{display:flex;align-items:center;gap:.3125rem;font-size:.75rem;color:var(--text-muted)}.onboarding-reject-banner{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .875rem;margin-bottom:.875rem;border-radius:var(--radius-md);background:var(--error-bg);color:var(--error);font-size:.8125rem;font-weight:600;line-height:1.5}.onboarding-reject-banner svg{flex-shrink:0;margin-top:.125rem}.onboarding-submission-text{padding:.875rem 1rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);font-size:.875rem;line-height:1.6;white-space:pre-wrap}.onboarding-public-error{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:2.5rem 2rem}.onboarding-public-error-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--bg-secondary);color:var(--text-muted)}.onboarding-public-error h2{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.onboarding-public-error p{font-size:.875rem;color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.kanban-board,.stats-grid{grid-template-columns:repeat(2,1fr)}.table-container{max-height:550px}.table th,.table td{padding:.625rem 1rem;font-size:.8125rem}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.header{left:0}.app-content{margin-left:0}.login-page{flex-direction:column}.login-left{padding:2rem;min-height:auto}.login-features{display:none}.login-brand h1{font-size:1.75rem}.login-brand p{font-size:.9375rem}.kanban-board,.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start}.table-container{max-height:450px}.table th,.table td{padding:.5rem .75rem;font-size:.75rem}.table-actions{flex-direction:column;gap:.25rem}.table-actions .btn{width:100%;justify-content:center}}.login-page-modern{min-height:100vh;display:flex;background:var(--bg-primary);position:relative;overflow:hidden}.login-theme-toggle{position:absolute;top:1.5rem;right:1.5rem;z-index:10}.login-brand-section{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--bg-secondary);position:relative;overflow:hidden}.login-brand-section:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:var(--accent-gradient);opacity:.1;top:-250px;left:-250px;animation:float 8s ease-in-out infinite}.login-brand-section:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:var(--accent-gradient);opacity:.08;bottom:-200px;right:-200px;animation:float 10s ease-in-out infinite reverse}.login-brand-content{position:relative;z-index:1;max-width:480px;animation:fadeInUp .6s ease}.login-logo-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.login-logo{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.login-brand-title{font-size:2rem;font-weight:800;color:var(--text-primary);letter-spacing:-.03em;margin:0}.login-brand-subtitle{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:2.5rem}.login-features-minimal{display:flex;flex-direction:column;gap:1rem}.feature-item{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.9375rem;font-weight:500;padding:.75rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);transition:var(--transition)}.feature-item:hover{background:var(--bg-card-solid);transform:translate(4px)}.feature-item svg{color:var(--accent);flex-shrink:0}.login-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-form-container{width:100%;max-width:420px;animation:fadeInUp .7s ease}.login-form-header{margin-bottom:2rem}.login-form-header h2{font-size:1.875rem;font-weight:800;color:var(--text-primary);margin:0 0 .5rem;letter-spacing:-.03em}.login-form-header p{font-size:.9375rem;color:var(--text-muted);margin:0}.login-alert-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--error-bg);border:1px solid rgba(239,68,68,.2);border-left:3px solid var(--error);border-radius:var(--radius-lg);margin-bottom:1.5rem;animation:fadeInDown .3s ease}.login-alert-error svg{color:var(--error);flex-shrink:0}.login-alert-error span{font-size:.875rem;color:var(--error);font-weight:500}.login-form-modern{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.login-demo-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;animation:fadeInUp .8s ease}.demo-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.demo-card-header svg{color:var(--accent)}.demo-accounts{display:flex;flex-direction:column;gap:.75rem}.demo-account-item{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition-fast)}.demo-account-item:hover{background:var(--bg-card-solid);border-color:var(--border-hover)}.demo-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.demo-credentials{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.demo-credentials code{font-family:SF Mono,Fira Code,Fira Mono,Consolas,monospace;font-size:.8125rem;padding:.25rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-weight:600}.demo-divider{color:var(--text-muted);font-size:.75rem}@media (max-width: 968px){.login-page-modern{flex-direction:column}.login-brand-section{padding:2rem;min-height:auto}.login-brand-content{max-width:100%}.login-brand-title{font-size:1.5rem}.login-brand-subtitle{font-size:.875rem;margin-bottom:1.5rem}.login-features-minimal{gap:.75rem}.feature-item{font-size:.875rem;padding:.625rem}.login-form-header h2{font-size:1.5rem}.login-form-section{padding:1.5rem}}.candidate-portal-wrapper{min-height:100vh;width:100%;background:radial-gradient(circle at 50% 0%,var(--bg-secondary) 0%,var(--bg-dark, #0b0f19) 100%);display:flex;justify-content:center;align-items:center;padding:3rem 1.5rem;position:relative;overflow-y:auto}.candidate-portal-container{width:100%;max-width:680px;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 50px #0000004d,0 0 40px #6366f11a;padding:2.5rem;margin:auto}.candidate-header{text-align:center;margin-bottom:2rem;display:flex;flex-direction:column;align-items:center;gap:.625rem}.candidate-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:9999px;background:linear-gradient(135deg,#6366f126,#8b5cf626);border:1px solid rgba(99,102,241,.3);color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.candidate-title{font-size:1.875rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;margin:0;line-height:1.2}.candidate-subtitle{font-size:.9375rem;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.5}.candidate-deadline{display:inline-block;margin:.75rem 0 0;padding:.375rem .75rem;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:.8125rem}.candidate-deadline strong{color:var(--text-primary);font-weight:600}.candidate-form{display:flex;flex-direction:column;gap:1.25rem}.candidate-req-box{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-card-solid) 100%);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;box-shadow:var(--shadow-sm)}.candidate-req-title{font-size:.875rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:.5rem}.candidate-req-list{list-style:none;margin:0;padding:.875rem;display:flex;flex-direction:column;gap:.625rem;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-secondary)}.candidate-req-item{display:flex;align-items:flex-start;gap:.625rem;font-size:.8125rem;color:var(--text-primary);line-height:1.4}.candidate-req-check{color:var(--status-shartnoma, #10b981);font-weight:700;font-size:.9375rem;flex-shrink:0}.candidate-req-agree{display:flex;align-items:flex-start;gap:.625rem;cursor:pointer;font-size:.8125rem;font-weight:600;color:var(--text-primary);border-top:1px solid var(--border);padding-top:.875rem;margin-top:.25rem;-webkit-user-select:none;user-select:none}.candidate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 640px){.candidate-form-grid{grid-template-columns:1fr}.candidate-portal-container{padding:1.5rem;border-radius:16px}.candidate-title{font-size:1.5rem}}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.4}.status-faol{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-nofaol{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.status-tatilda{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.3)}.status-bekorqilingan{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.3)}.status-badge.status-connected,.status-badge.status-disconnected,.status-badge.status-connecting,.status-badge.status-error{gap:.375rem}.status-connected{background:var(--success-bg);color:var(--success);border:1px solid rgba(16,185,129,.3)}.status-disconnected{background:var(--bg-secondary);color:var(--text-muted);border:1px solid var(--border)}.status-connecting{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.3)}.status-error{background:var(--error-bg);color:var(--error);border:1px solid rgba(239,68,68,.3)}.devices-spin{animation:spin 1s linear infinite}.devices-help-card{padding:0!important;overflow:hidden}.devices-help-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1.25rem 1.5rem;background:none;border:none;cursor:pointer;color:var(--text-primary);transition:var(--transition-fast)}.devices-help-header:hover{background:var(--bg-hover)}.devices-help-header-title{display:inline-flex;align-items:center;gap:.625rem;font-size:.9375rem;font-weight:700;color:var(--text-primary)}.devices-help-header-title svg{color:#f97316}.devices-help-body{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem 1.5rem;border-top:1px solid var(--border)}.devices-help-steps{display:flex;flex-direction:column;gap:1rem}.devices-help-step{display:flex;align-items:flex-start;gap:.875rem}.devices-help-step strong{display:block;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.devices-help-step p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.devices-help-ready{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;border-radius:var(--radius-lg);background:var(--success-bg);border:1px solid rgba(16,185,129,.25);color:var(--text-primary);font-size:.8125rem;line-height:1.5}.devices-help-ready svg{flex-shrink:0;margin-top:.125rem;color:var(--success)}.devices-help-troubleshoot{padding-top:1.25rem;border-top:1px solid var(--border)}.devices-help-troubleshoot-title{display:block;font-size:.8125rem;font-weight:700;color:var(--text-primary);margin-bottom:.625rem}.devices-help-troubleshoot ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.devices-help-troubleshoot li{position:relative;padding-left:1.125rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.devices-help-troubleshoot li:before{content:"";position:absolute;left:0;top:.5rem;width:5px;height:5px;border-radius:50%;background:var(--text-muted)}.attendance-stats-grid .stats-card{border-radius:var(--radius-md)}.attendance-stats-grid .stats-card:nth-child(1){border-color:#10b98159}.attendance-stats-grid .stats-card:nth-child(2){border-color:#3b82f659}.attendance-stats-grid .stats-card:nth-child(3){border-color:#f59e0b59}.attendance-stats-grid .stats-card:nth-child(4){border-color:#f43f5e59}.attendance-subtoolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.attendance-toolbar-left,.attendance-toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attendance-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;white-space:nowrap;line-height:1;transition:var(--transition-fast)}.attendance-pill svg{flex-shrink:0;opacity:.85}.attendance-pill.active{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;border-color:transparent;box-shadow:0 4px 14px #f9731659}.attendance-pill.active svg{opacity:1}.btn.attendance-primary-btn{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 2px 8px #f973164d;border-radius:var(--radius-md)}.btn.attendance-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px #f9731666}.attendance-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem}.attendance-section-header-title{display:flex;align-items:center;gap:.5rem}.attendance-section-header h3{font-size:1rem;font-weight:700;color:var(--text-primary)}.attendance-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);flex-shrink:0;cursor:pointer;transition:var(--transition-fast)}.attendance-toggle-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.fine-employees-btn{position:relative}.fine-employees-count-badge{position:absolute;top:-6px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#f97316;color:#fff;font-size:.625rem;font-weight:700;line-height:1;box-shadow:0 0 0 2px var(--bg-card-solid)}.attendance-toggle-btn.accent{background:#f973161f;border-color:#f9731640;color:#f97316}.attendance-toggle-btn.accent:hover{background:#f9731633;color:#ea580c}.attendance-muted-center{text-align:center;color:var(--text-muted);font-size:.875rem;padding:0 1.25rem 2rem}.attendance-employee-cell{display:flex;align-items:center;gap:.75rem}.attendance-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.attendance-avatar-fallback{width:40px;height:40px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;flex-shrink:0}.attendance-employee-name{font-weight:600;color:var(--text-primary)}.attendance-employee-role{font-size:.75rem;color:var(--text-muted)}.attendance-detail-header{display:flex;align-items:center;gap:.875rem;padding:1.25rem;border-bottom:1px solid var(--border)}.attendance-detail-title{display:flex;align-items:center;gap:.625rem;font-size:1rem;font-weight:700;color:var(--text-primary)}.attendance-detail-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:.125rem}.attendance-presence-badge{display:inline-flex;align-items:center;gap:.3125rem;padding:.25rem .625rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.attendance-presence-badge.inside{background:var(--success-bg);color:var(--success)}.attendance-presence-badge.outside{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.attendance-branch-cell{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary)}.attendance-status-cell{display:flex;align-items:center;gap:.5rem}.attendance-status-cell .badge{border-radius:var(--radius-md)}.attendance-table-footer{padding:.75rem 1.25rem 1.25rem}.attendance-range-filter-bar{display:flex;align-items:center;justify-content:space-between;margin:0 1.25rem 1rem;padding:.625rem .875rem;border-radius:var(--radius-md);background:var(--accent-light);color:var(--accent)}.attendance-range-filter-bar span{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600}.attendance-range-filter-bar .attendance-toggle-btn{color:var(--accent)}.attendance-range-filter-bar .attendance-toggle-btn:hover{background:#00000014}.attendance-filter-pill{position:relative}.attendance-filter-dot{position:absolute;top:2px;right:2px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:1.5px solid var(--bg-card-solid)}button.attendance-pill{cursor:pointer;font-family:inherit}.attendance-date-picker{position:relative}.attendance-date-field{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer}.attendance-cal-popup{width:300px;max-width:calc(100vw - 1rem);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1rem;z-index:1100}.attendance-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.attendance-cal-header span{font-weight:700;font-size:.9375rem;color:var(--text-primary)}.attendance-cal-weekdays,.attendance-cal-grid{display:grid;grid-template-columns:repeat(7,1fr)}.attendance-cal-weekdays span{text-align:center;font-size:.75rem;font-weight:600;color:var(--text-muted);padding-bottom:.5rem}.attendance-cal-grid{row-gap:.25rem}.attendance-cal-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border:none;background:none;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-primary);cursor:pointer}.attendance-cal-day:hover{background:var(--bg-hover)}.attendance-cal-day.outside{color:var(--text-muted);opacity:.5}.attendance-cal-day.today{background:var(--bg-secondary);font-weight:700}.attendance-cal-day.selected{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;font-weight:700}.attendance-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:stretch;justify-content:flex-start;padding:1.5rem;z-index:1000}.attendance-filter-panel{width:600px;max-width:90vw;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:attendanceFilterSlideIn .25s ease}@keyframes attendanceFilterSlideIn{0%{transform:translate(-16px);opacity:0}to{transform:translate(0);opacity:1}}.attendance-filter-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--border);flex-shrink:0}.attendance-filter-header h3{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.attendance-filter-body{padding:1.75rem;overflow-y:auto;flex:1}.attendance-filter-body .form-select,.attendance-filter-body .attendance-date-field{padding-top:.875rem;padding-bottom:.875rem;font-size:.9375rem}.attendance-filter-footer{display:flex;justify-content:flex-start;padding:1rem 1.75rem;border-top:1px solid var(--border);flex-shrink:0}.form-group-full{grid-column:1 / -1}.filter-date-range-row{display:flex;align-items:center;gap:.75rem}.filter-preset-row{display:flex;align-items:center;gap:.5rem;margin-top:.875rem}.filter-preset-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.filter-preset-arrow:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-preset-scroll{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:thin;padding-bottom:.375rem}.filter-preset-scroll::-webkit-scrollbar{height:4px}.filter-preset-scroll::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:2px}.filter-preset-pill{flex-shrink:0;padding:.5rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-primary);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--transition-fast)}.filter-preset-pill:hover{border-color:#f97316;color:#f97316}.attendance-schedule-select{position:relative}.attendance-schedule-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.75rem .875rem;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:var(--transition-fast)}.attendance-schedule-trigger:hover{border-color:var(--border-hover)}.attendance-schedule-trigger.open{border-color:#f97316;box-shadow:0 0 0 3px #f9731624}.attendance-schedule-trigger svg:last-child{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.attendance-schedule-trigger.open svg:last-child{transform:rotate(180deg);color:#f97316}.attendance-schedule-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-schedule-trigger .placeholder{color:var(--text-muted);font-weight:400}.attendance-schedule-panel{position:absolute;top:calc(100% + .5rem);left:0;right:0;min-width:240px;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px #00000005;overflow:hidden;z-index:1100}.attendance-schedule-search{display:flex;align-items:center;gap:.5rem;margin:.625rem;padding:.5rem .75rem;border-radius:var(--radius-md);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-muted)}.attendance-schedule-search input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:.8125rem;color:var(--text-primary)}.attendance-schedule-list{display:flex;flex-direction:column;gap:.125rem;max-height:220px;overflow-y:auto;padding:0 .5rem .5rem}.attendance-schedule-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:var(--radius-md);cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-fast)}.attendance-schedule-item:hover{background:var(--bg-hover);color:var(--text-primary)}.attendance-schedule-item.checked{background:#f9731614;color:var(--text-primary);font-weight:600}.attendance-schedule-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-schedule-item-icon{color:#f59e0b;flex-shrink:0}.attendance-schedule-item input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:17px;height:17px;margin:0;border-radius:5px;border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer;flex-shrink:0;position:relative;transition:var(--transition-fast)}.attendance-schedule-item input[type=checkbox]:hover{border-color:#f97316}.attendance-schedule-item input[type=checkbox]:checked{background:linear-gradient(135deg,#fb923c,#f97316);border-color:transparent}.attendance-schedule-item input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.attendance-schedule-save{width:calc(100% - 1rem);margin:0 .5rem .5rem;padding:.625rem;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #f973164d;transition:var(--transition-fast)}.attendance-schedule-save:hover{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 14px #f9731666}.attendance-time-field{display:flex;align-items:center;gap:.5rem;width:100%;padding:.875rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg)}.attendance-time-field input[type=time]{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:.9375rem;color:inherit}.attendance-toggle-group{display:flex;border:1.5px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.attendance-toggle-option{flex:1;padding:.75rem;text-align:center;background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:.9375rem;font-weight:600;border:none;cursor:pointer}.attendance-toggle-option.active{background:var(--bg-card-solid);color:var(--text-primary);box-shadow:var(--shadow-sm)}.attendance-task-divider{height:1px;background:var(--border);margin:0 -1.75rem 1.5rem}.attendance-priority-select{display:flex;gap:.75rem}.attendance-priority-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-secondary);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer}.attendance-priority-card:hover{border-color:var(--border-hover)}.attendance-priority-card.active{background:linear-gradient(135deg,#fb923c,#f97316);border-color:transparent;color:#fff;box-shadow:0 4px 14px #f9731659}.attendance-priority-card.active-past{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 14px #10b98159}.attendance-priority-card.active-yuqori{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444459}.attendance-task-actions{display:flex;justify-content:flex-end}.attendance-task-assign-box{padding:1rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border)}.task-assignee-picker{position:relative}.task-assignee-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.task-assignee-avatar-chip{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .875rem .25rem .25rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-card-solid);cursor:pointer;transition:var(--transition-fast)}.task-assignee-avatar-chip-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%) translateY(4px);padding:.375rem .625rem;border-radius:var(--radius-md);background:#0f172a;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease;z-index:5}.task-assignee-avatar-chip-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#0f172a}.task-assignee-avatar-chip:hover .task-assignee-avatar-chip-tooltip,.task-assignee-avatar-chip:focus-visible .task-assignee-avatar-chip-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.task-assignee-avatar-chip .attendance-avatar,.task-assignee-avatar-chip .attendance-avatar-fallback{width:26px;height:26px;font-size:.625rem;border-width:1.5px}.task-assignee-avatar-chip-name{font-size:.8125rem;font-weight:700;letter-spacing:.02em;color:var(--text-primary)}.task-assignee-avatar-chip:hover{border-color:var(--error)}.task-assignee-avatar-chip:hover .attendance-avatar,.task-assignee-avatar-chip:hover .attendance-avatar-fallback{border-color:var(--error);opacity:.85}.task-assignee-add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;border-radius:var(--radius-lg);border:1.5px solid #f97316;background:var(--bg-card-solid);color:#f97316;font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.task-assignee-add-btn:hover{background:#f9731614}.task-assignee-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;justify-content:flex-start;padding:1.5rem;padding-left:calc(600px + 2.5rem);z-index:1001}.task-assignee-side-panel{width:480px;max-width:calc(90vw - 600px);background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:attendanceFilterSlideIn .25s ease}.task-assignee-filters{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem}.task-assignee-filters .attendance-schedule-select{flex:0 0 170px}.task-assignee-filters .finance-search{flex:1;min-width:180px}.task-assignee-filter-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:#0f766e;color:#fff;font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:var(--transition-fast)}.task-assignee-filter-chip:hover{background:#115e59}.task-assignee-filter-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#ffffff38;flex-shrink:0}.task-assignee-select-all{display:flex;align-items:center;justify-content:space-between;padding:.875rem .25rem;margin-bottom:.75rem;border-bottom:1px solid var(--border);font-size:.875rem;font-weight:600;color:var(--text-primary);cursor:pointer}.task-assignee-select-all span{display:inline-flex;align-items:center;gap:.625rem;color:var(--text-secondary)}.task-assignee-list{display:flex;flex-direction:column;gap:.375rem;max-height:420px;overflow-y:auto}.task-assignee-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;transition:var(--transition-fast)}.task-assignee-row:hover{background:var(--bg-hover)}.task-assignee-row-info{flex:1;min-width:0}.task-assignee-row-meta{display:inline-flex;align-items:center;gap:.3rem;margin-top:.125rem;font-size:.75rem;font-weight:500;color:#f97316}.task-assignee-select-all input[type=checkbox],.task-assignee-row input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:18px;height:18px;margin:0;flex-shrink:0;border-radius:5px;border:1.5px solid var(--border);background:var(--bg-input);cursor:pointer}.task-assignee-select-all input[type=checkbox]:hover,.task-assignee-row input[type=checkbox]:hover{border-color:#f97316}.task-assignee-select-all input[type=checkbox]:checked,.task-assignee-row input[type=checkbox]:checked{background:linear-gradient(135deg,#fb923c,#f97316);border-color:transparent}.task-assignee-select-all input[type=checkbox]:checked:after,.task-assignee-row input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:2px;width:4px;height:8px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media (max-width: 1100px){.task-assignee-overlay{padding-left:1.5rem}.task-assignee-side-panel{max-width:90vw}}.attendance-task-dropzone{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:1.75rem 1rem;border-radius:var(--radius-lg);border:1.5px dashed var(--border);background:var(--bg-input);text-align:center;cursor:pointer;transition:var(--transition-fast)}.attendance-task-dropzone:hover,.attendance-task-dropzone.active{border-color:#f97316;background:#f973160f}.attendance-task-dropzone-icon{color:var(--text-muted)}.attendance-task-dropzone-text{font-size:.875rem;color:var(--text-secondary)}.attendance-task-dropzone-link{color:#f97316;font-weight:700}.attendance-task-dropzone-hint{font-size:.75rem;color:var(--text-muted)}.attendance-task-file-chip{display:flex;align-items:center;gap:.625rem;padding:.75rem .875rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary)}.attendance-task-file-chip span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500}.attendance-task-file-chip button{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:50%;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;flex-shrink:0}.attendance-task-file-chip button:hover{background:#ef44441f;color:var(--error)}.fine-modal-step-label{display:inline-flex;align-items:center;padding:.25rem .625rem;margin-left:.5rem;border-radius:999px;background:#f973161f;color:#f97316;font-size:.75rem;font-weight:700;letter-spacing:.01em;vertical-align:middle}.fine-modal-step{position:relative;display:flex;gap:1rem;padding-bottom:1.75rem;margin-bottom:1.75rem;border-bottom:1px solid var(--border)}.fine-modal-step:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}.fine-modal-step:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:-1.75rem;width:1.5px;background:var(--border)}.fine-step-badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#fb923c2e,#f973162e);color:#f97316;font-size:.9375rem;font-weight:700;box-shadow:0 0 0 4px var(--bg-card-solid)}.fine-modal-step-body{flex:1;min-width:0}.fine-step-title{font-size:1.0625rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-top:.375rem}.fine-step-subtitle{font-size:.8125rem;color:var(--text-muted);margin-top:-.625rem;margin-bottom:1.125rem}.fine-toggle-row{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-input);font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast)}.fine-toggle-row:hover{border-color:var(--border-hover)}.fine-toggle-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:40px;height:24px;flex-shrink:0;margin:0;border-radius:999px;background:var(--border);cursor:pointer;transition:background .2s ease}.fine-toggle-switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.fine-toggle-switch:checked{background:linear-gradient(135deg,#fb923c,#f97316)}.fine-toggle-switch:checked:after{transform:translate(16px)}.fine-employee-step{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.fine-employee-column{min-width:0}.fine-employee-column-header{display:flex;gap:.75rem;padding:.875rem;border-radius:var(--radius-lg);margin-bottom:.875rem}.fine-employee-column-header.assigned{background:#3b82f614;border:1px solid rgba(59,130,246,.18)}.fine-employee-column-header.available{background:#10b98114;border:1px solid rgba(16,185,129,.18)}.fine-employee-column-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%}.fine-employee-column-icon.assigned{background:#3b82f626;color:var(--info)}.fine-employee-column-icon.available{background:#10b98126;color:var(--success)}.fine-employee-column-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.fine-employee-count-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:999px;background:#10b98126;color:var(--success);font-size:.6875rem;font-weight:700}.fine-employee-column-desc{font-size:.75rem;color:var(--text-muted);line-height:1.4}.fine-employee-search-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.fine-employee-search{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;padding:.625rem .875rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-muted)}.fine-employee-select-all-btn{flex-shrink:0;padding:.625rem .875rem;border-radius:var(--radius-lg);border:1.5px solid rgba(16,185,129,.35);background:#10b9811a;color:var(--success);font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--transition-fast)}.fine-employee-select-all-btn:hover:not(:disabled){background:#10b9812e}.fine-employee-select-all-btn:disabled{opacity:.5;cursor:not-allowed}.fine-employee-search input{flex:1;border:none;outline:none;background:transparent;font-size:.875rem;color:var(--text-primary)}.fine-employee-list{display:flex;flex-direction:column;gap:.5rem;max-height:320px;overflow-y:auto}.fine-employee-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .75rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid)}.fine-employee-row-info{display:flex;flex-direction:column;min-width:0}.fine-employee-row-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fine-employee-row-meta{font-size:.75rem;color:var(--text-muted)}.fine-employee-row-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:50%;border:none;cursor:pointer;transition:var(--transition-fast)}.fine-employee-row-btn.add{background:#10b9811f;color:var(--success)}.fine-employee-row-btn.add:hover{background:#10b98138}.fine-employee-row-btn.remove{background:#ef44441a;color:var(--error)}.fine-employee-row-btn.remove:hover{background:#ef444433}.fine-employee-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2.25rem 1rem;border-radius:var(--radius-lg);border:1px dashed var(--border)}.fine-employee-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-bottom:.75rem;border-radius:50%;background:var(--bg-input);color:var(--text-muted)}.fine-employee-empty p{font-size:.8125rem;color:var(--text-muted);max-width:220px}.fine-employee-selected-bar{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.875rem 1.125rem;margin-top:.25rem;border-radius:var(--radius-lg);background:#f973160f;border:1px solid rgba(249,115,22,.18)}.fine-employee-selected-bar-info{display:flex;align-items:center;gap:.625rem;color:#f97316;font-size:.875rem;font-weight:700}.fine-employee-selected-bar-info small{display:block;font-size:.75rem;font-weight:500;color:var(--text-muted)}.fine-employee-progress{display:flex;align-items:center;gap:.625rem}.fine-employee-selected-count{font-size:.8125rem;font-weight:700;color:#f97316;white-space:nowrap}.fine-employee-progress-track{width:120px;height:6px;border-radius:999px;background:var(--border);overflow:hidden}.fine-employee-progress-fill{height:100%;border-radius:999px;background:#f97316;transition:width .2s ease}@media (max-width: 720px){.fine-employee-step{grid-template-columns:1fr}}.fine-template-add-row{margin-bottom:1.125rem}.fine-template-type-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.625rem;margin-bottom:1.125rem}.fine-template-type-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1rem;border-radius:var(--radius-md);border:1.5px solid color-mix(in srgb,var(--fine-pill-color) 35%,var(--border));background:color-mix(in srgb,var(--fine-pill-color) 14%,transparent);color:var(--fine-pill-color);font-family:inherit;font-size:.8125rem;font-weight:700;cursor:pointer;transition:var(--transition-fast)}.fine-template-type-pill:hover{background:color-mix(in srgb,var(--fine-pill-color) 24%,transparent);border-color:var(--fine-pill-color);transform:translateY(-1px)}.fine-type-pill-wrap{position:relative;display:inline-flex}.fine-type-pill-delete{position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;opacity:0;transform:scale(.75);transition:var(--transition-fast)}.fine-type-pill-wrap:hover .fine-type-pill-delete{opacity:1;transform:scale(1)}.fine-type-pill-delete:hover{background:var(--error-bg);border-color:var(--error);color:var(--error)}.fine-type-select-add{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%;padding:.625rem;border:none;border-top:1px solid var(--border);background:transparent;color:#f97316;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.fine-type-select-add:hover{background:color-mix(in srgb,#f97316 10%,transparent)}.fine-type-select-create{display:flex;flex-direction:column;gap:.625rem;padding:.75rem}.fine-type-select-create-input{width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;color:var(--text-primary);background:var(--bg-input);border:1.5px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition-fast)}.fine-type-select-create-input:focus{outline:none;border-color:#f97316;box-shadow:0 0 0 3px #f9731624}.fine-type-select-create-actions{display:flex;justify-content:flex-end;gap:.5rem}.fine-type-select-create-cancel,.fine-type-select-create-save{padding:.625rem .875rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.fine-type-select-create-cancel{border:1.5px solid var(--border);background:transparent;color:var(--text-secondary)}.fine-type-select-create-cancel:hover{background:var(--bg-hover)}.fine-type-select-create-save{border:none;background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 2px 8px #f973164d;color:#fff}.fine-type-select-create-save:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c)}.fine-type-select-create-save:disabled{opacity:.5;cursor:not-allowed}.fine-type-create{position:relative}.fine-type-create-trigger{border-style:dashed;border-color:color-mix(in srgb,#6366f1 40%,var(--border));color:#6366f1;background:color-mix(in srgb,#6366f1 8%,transparent)}.fine-type-create-trigger:hover,.fine-type-create-trigger.active{border-color:#6366f1;background:color-mix(in srgb,#6366f1 14%,transparent)}.fine-type-create-popover{z-index:1000;display:flex;flex-direction:column;gap:.875rem;width:300px;padding:1rem;background-color:var(--bg-card-solid);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),0 0 0 1px #00000005}.fine-type-create-field{display:flex;flex-direction:column;gap:.375rem}.fine-type-create-field>label{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted)}.fine-type-create-popover-header{display:flex;align-items:center;gap:.625rem;padding-bottom:.75rem;margin-bottom:.125rem;border-bottom:1px solid var(--border)}.fine-type-create-popover-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border-radius:var(--radius-md);background:color-mix(in srgb,#6366f1 16%,transparent);color:#6366f1}.fine-type-create-popover-title{flex:1;font-size:.9375rem;font-weight:700;color:var(--text-primary)}.fine-type-create-popover-close{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.fine-type-create-popover-close:hover{background:var(--bg-hover);color:var(--text-primary)}.fine-type-create-popover-submit{display:flex;align-items:center;justify-content:center;gap:.375rem;width:100%}.fine-template-empty{display:flex;flex-direction:column;align-items:center;gap:.375rem;padding:2.25rem 1rem;border-radius:var(--radius-lg);border:1.5px dashed var(--border);background:var(--bg-input);text-align:center}.fine-template-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:.5rem;border-radius:50%;background:var(--bg-hover);color:var(--text-muted)}.fine-template-empty-title{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.fine-template-empty-hint{font-size:.8125rem;color:var(--text-muted)}.fine-template-configured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.875rem}.fine-template-configured-title{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.fine-template-count-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-input);color:var(--text-secondary);font-size:.75rem;font-weight:700}.fine-template-list{display:flex;flex-direction:column;gap:.625rem}.fine-template-card{display:grid;grid-template-columns:132px 1fr 1fr 1fr 40px;grid-template-rows:auto auto;align-items:stretch;gap:.875rem;padding:.875rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-input);transition:var(--transition-fast)}.fine-template-card:hover{border-color:color-mix(in srgb,var(--fine-pill-color) 40%,var(--border))}.fine-template-card>*:nth-child(1){grid-column:1;grid-row:1 / 3}.fine-template-card>*:nth-child(2){grid-column:2;grid-row:1}.fine-template-card>*:nth-child(3){grid-column:3;grid-row:1}.fine-template-card>*:nth-child(4){grid-column:4;grid-row:1}.fine-template-card>*:nth-child(5){grid-column:2 / 5;grid-row:2}.fine-template-card>*:nth-child(6){grid-column:5;grid-row:1 / 3}.fine-template-card-tag{display:inline-flex;align-items:center;justify-content:center;align-self:center;width:100%;padding:.625rem .75rem;border-radius:var(--radius-lg);border:1.5px solid color-mix(in srgb,var(--fine-pill-color) 35%,var(--border));background:color-mix(in srgb,var(--fine-pill-color) 16%,transparent);color:var(--fine-pill-color);font-size:.8125rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fine-template-card-field{min-width:0;width:100%}.fine-template-card-field .form-group{width:100%;gap:0}.fine-template-card-field .form-select{width:100%}.fine-template-card-field>label{display:block;margin-bottom:.375rem;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.fine-template-amount-field{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .875rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-card-solid)}.fine-template-amount-field input{flex:1;min-width:0;border:none;outline:none;background:none;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-primary)}.fine-template-amount-field span{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--text-muted)}.fine-template-card-delete{display:inline-flex;align-items:center;justify-content:center;grid-row:1 / 3;align-self:center;justify-self:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:#ef44441a;color:var(--error);cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.fine-template-card-delete:hover{background:#ef444433}.fine-template-card-effect{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.125rem;padding-top:.75rem;border-top:1px dashed var(--border)}.fine-template-card-effect-range{display:inline-flex;align-items:center;padding:.1875rem .5rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--fine-pill-color) 12%,transparent);color:color-mix(in srgb,var(--fine-pill-color) 88%,var(--text-primary));font-size:.75rem;font-weight:650;line-height:1.35}.fine-template-card-effect-problem{display:inline-flex;align-items:center;gap:.375rem;color:var(--error);font-size:.75rem;font-weight:600;line-height:1.35}.fine-template-card-effect-problem svg{flex-shrink:0}.fine-template-card:has(.fine-template-card-effect.has-problem){border-color:color-mix(in srgb,var(--error) 55%,var(--border))}.fine-template-card-effect.has-problem{border-top-color:color-mix(in srgb,var(--error) 40%,var(--border))}@media (max-width: 900px){.fine-template-card{grid-template-columns:1fr;align-items:stretch}.fine-template-card-delete{justify-self:end}}.attendance-toggle-btn.lg{width:38px;height:38px;border-radius:var(--radius-lg)}.attendance-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.attendance-tasks-tabs{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.attendance-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .875rem;border:1px solid transparent;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.attendance-tab:hover{color:var(--text-primary)}.attendance-tab.active{background:var(--bg-card-solid);border-color:#f973164d;color:#f97316;box-shadow:var(--shadow-sm)}.attendance-tasks-filters{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attendance-terminal-clock{display:flex;align-items:center;gap:.5rem}.attendance-terminal-clock-text{display:inline-flex;align-items:center;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.attendance-device-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:#6366f11f;color:#6366f1;flex-shrink:0}.attendance-token-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);font-family:inherit}.attendance-token-chip:hover{border-color:var(--accent);color:var(--text-primary)}.attendance-token-chip code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.78125rem;letter-spacing:.02em}.attendance-device-created{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;padding:.5rem 0 1rem}.attendance-device-created-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--success-bg);color:var(--success);margin-bottom:.25rem}.attendance-device-created h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.attendance-device-created p{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.attendance-device-token-box{display:flex;align-items:center;gap:.625rem;width:100%;padding:.875rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--accent);background:var(--bg-secondary);color:var(--accent)}.attendance-device-token-box code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;font-weight:600;letter-spacing:.03em;color:var(--text-primary)}.attendance-device-token-copy{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0;border:none;border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;cursor:pointer;transition:var(--transition-fast)}.attendance-device-token-copy:hover{background:var(--accent-gradient-hover)}.attendance-device-endpoint{font-size:.75rem}.attendance-device-endpoint code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.125rem .375rem;color:var(--text-secondary)}.attendance-priority-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:.8125rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--transition-fast)}.attendance-priority-pill:hover{border-color:var(--border-hover)}.attendance-priority-pill.low svg{color:#10b981}.attendance-priority-pill.medium svg{color:#f59e0b}.attendance-priority-pill.high svg{color:#ef4444}.attendance-priority-pill.active{border-color:transparent;color:#fff}.attendance-priority-pill.active svg{color:#fff}.attendance-priority-pill.low.active{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 14px #10b98159}.attendance-priority-pill.medium.active{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 14px #f59e0b59}.attendance-priority-pill.high.active{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444459}.attendance-priority-pill-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:.125rem;border-radius:50%;background:#ffffff47;flex-shrink:0}.attendance-tasks-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 1.5rem}.attendance-empty-icon{color:var(--text-muted);opacity:.5;margin-bottom:1rem}.attendance-empty-title{color:var(--text-secondary);font-weight:600;margin-bottom:1.25rem}@media (max-width: 768px){.attendance-toolbar-left,.attendance-toolbar-right{width:100%}}.attendance-report-body{padding:1.5rem}.attendance-report-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.attendance-report-title svg{color:#f97316}.attendance-report-title h3{font-size:1.0625rem;font-weight:700;color:var(--text-primary)}.attendance-report-fields{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid var(--border)}.attendance-report-fields-label{display:block;font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:.875rem}.attendance-report-fields-list{display:flex;flex-wrap:wrap;gap:.75rem 2rem}.attendance-check-pill{position:relative;display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}.attendance-check-pill input[type=checkbox]{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.attendance-check-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:2px solid var(--border-hover);flex-shrink:0;transition:var(--transition-fast)}.attendance-check-dot:after{content:"";width:7px;height:7px;border-radius:50%;background:#fff;opacity:0;transform:scale(.4);transition:var(--transition-fast)}.attendance-check-pill:hover .attendance-check-dot{border-color:#f97316}.attendance-check-pill.checked .attendance-check-dot{border-color:#f97316;background:#f97316;box-shadow:0 0 0 3px #f9731626}.attendance-check-pill.checked .attendance-check-dot:after{opacity:1;transform:scale(1)}.attendance-report-actions{display:flex;justify-content:flex-end;margin-top:1.75rem}@media (max-width: 640px){.attendance-report-fields-list{flex-direction:column;gap:.875rem}.attendance-report-actions{justify-content:stretch}.attendance-report-actions .btn{width:100%}}.attendance-analytics-subtitle{font-size:.8125rem;font-weight:500;color:var(--text-secondary);margin-top:.125rem}.attendance-trend-chart{position:relative;margin-top:.5rem}.attendance-trend-svg{display:block;width:100%;height:auto;overflow:visible}.attendance-trend-grid{stroke:var(--border);stroke-width:1}.attendance-trend-axis-label{font-size:11px;font-weight:500;fill:var(--text-muted)}.attendance-trend-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.attendance-trend-end-dot,.attendance-trend-hover-dot{stroke:var(--bg-card-solid);stroke-width:2}.attendance-trend-crosshair{stroke:var(--border-hover);stroke-width:1;stroke-dasharray:3 3}.attendance-trend-tooltip{position:absolute;top:.5rem;transform:translate(-50%);min-width:160px;padding:.625rem .75rem;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);pointer-events:none;z-index:5}.attendance-trend-tooltip-date{font-size:.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.attendance-trend-tooltip-row{display:flex;align-items:center;gap:.4rem;padding:.1rem 0;font-size:.75rem;color:var(--text-secondary)}.attendance-trend-tooltip-key{width:8px;height:2px;border-radius:1px;flex-shrink:0}.attendance-trend-tooltip-label{flex:1}.attendance-trend-tooltip-value{font-weight:700;color:var(--text-primary)}.attendance-trend-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.attendance-trend-legend-item{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:600;color:var(--text-secondary)}.attendance-trend-legend-line{width:14px;height:2px;border-radius:1px}.attendance-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.attendance-ranking-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.attendance-ranking-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.attendance-ranking-icon.warning{background:var(--warning-bg);color:var(--warning)}.attendance-ranking-icon.error{background:var(--error-bg);color:var(--error)}.attendance-ranking-icon.success{background:var(--success-bg);color:var(--success)}.attendance-ranking-icon.info{background:var(--info-bg);color:var(--info)}.attendance-ranking-title{font-size:.9375rem;font-weight:700;color:var(--text-primary)}.attendance-ranking-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.attendance-ranking-body{min-height:120px}.attendance-ranking-list{display:flex;flex-direction:column;gap:.875rem}.attendance-ranking-row{display:flex;align-items:center;gap:.75rem}.attendance-ranking-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border);flex-shrink:0}.attendance-ranking-avatar-fallback{width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.6875rem;color:var(--text-muted);flex-shrink:0}.attendance-ranking-row-info{flex:1;min-width:0}.attendance-ranking-row-name{font-size:.8125rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attendance-ranking-row-position{font-size:.75rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-copy-day1-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--text-secondary);font-family:inherit;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.schedule-copy-day1-btn:hover{border-color:var(--accent);color:var(--accent)}.attendance-ranking-more{display:flex;align-items:center;gap:.25rem;margin-top:1rem;padding-top:.875rem;border-top:1px solid var(--border);width:100%;background:none;border-left:none;border-right:none;border-bottom:none;font-family:inherit;font-size:.8125rem;font-weight:600;color:var(--accent);cursor:pointer}@media (max-width: 900px){.attendance-analytics-grid{grid-template-columns:1fr}}.finance-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.5rem}.finance-summary-card{display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid transparent}.finance-summary-card.blue{background:#3b82f614;border-color:#3b82f62e}.finance-summary-card.green{background:#10b98114;border-color:#10b9812e}.finance-summary-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.finance-summary-card.blue .finance-summary-icon{background:#3b82f626;color:#3b82f6}.finance-summary-card.green .finance-summary-icon{background:#10b98126;color:#10b981}.finance-summary-label{font-size:.8125rem;color:var(--text-muted);font-weight:500}.finance-summary-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-top:.125rem}.finance-filters-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;padding:1.25rem;border-bottom:1px solid var(--border)}.finance-filters-row .attendance-schedule-select{min-width:160px}.finance-search{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-muted);flex:1;min-width:180px}.finance-search svg{flex-shrink:0;opacity:.7}.finance-search input{border:none;background:none;outline:none;color:var(--text-primary);font-size:.8125rem;width:100%}.finance-cell-amount{display:flex;align-items:center;gap:.4rem}.finance-amount-link{display:inline-flex;align-items:center;gap:.2rem;background:none;border:none;padding:0;color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer}.finance-amount-link svg{opacity:.5}.finance-amount-link:hover{color:#f97316}.finance-amount-link.fine{color:var(--error)}.finance-add-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:#f9731626;color:#f97316;cursor:pointer;flex-shrink:0;transition:var(--transition-fast)}.finance-add-btn:hover{background:#f9731647}.finance-fine-value{color:var(--error);font-weight:600}tr.finance-debt-row td{background:#ef44440a}.finance-month-picker{position:relative}.finance-month-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.finance-month-popup{position:absolute;top:calc(100% + 8px);right:0;display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--bg-card-solid);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1100;white-space:nowrap;font-size:.8125rem;font-weight:600;color:var(--text-primary)}.finance-history-list{display:flex;flex-direction:column;gap:.625rem}.finance-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.finance-history-amount{font-weight:700;color:var(--text-primary)}.finance-history-note{font-size:.8125rem;color:var(--text-secondary);margin-top:.125rem}.finance-history-date{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.finance-balance-hint{font-size:.8125rem;color:var(--text-muted);margin-bottom:.75rem}.finance-balance-hint.error{color:var(--error);margin-top:.5rem;margin-bottom:0}.fine-source-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600}.fine-source-badge.auto{background:#f973161f;color:#f97316}.fine-source-badge.manual{background:var(--bg-secondary);color:var(--text-muted)}.fine-punishment-cell{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fine-punishment-actions{display:flex;align-items:center;gap:.25rem}.fine-punishment-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;transition:var(--transition-fast)}.fine-punishment-btn.done{background:#10b9811f;color:var(--success)}.fine-punishment-btn.done:hover{background:#10b98138}.fine-punishment-btn.not-done{background:#ef44441a;color:var(--error)}.fine-punishment-btn.not-done:hover{background:#ef444433}.fine-punishment-status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:999px;border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.fine-punishment-status-badge.bajarildi{background:#10b9811f;color:var(--success)}.fine-punishment-status-badge.bajarildi:hover{background:#10b98138}.fine-punishment-status-badge.bajarilmadi{background:#ef44441a;color:var(--error)}.fine-punishment-status-badge.bajarilmadi:hover{background:#ef444433}.fine-punishment-modal-subject{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem}.fine-employee-history-list{display:flex;flex-direction:column;gap:.75rem}.fine-employee-history-item{display:flex;flex-direction:column;gap:.625rem;padding:.875rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid)}.fine-employee-history-item-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.fine-employee-history-note{font-size:.8125rem;color:var(--text-muted);margin:0}.fine-appeals-pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 .3rem;border-radius:999px;background:var(--error);color:#fff;font-size:.6875rem;font-weight:700;line-height:1}.fine-appeals-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.fine-appeals-tab{padding:.5rem .25rem .75rem;border:none;background:none;color:var(--text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition-fast)}.fine-appeals-tab:hover{color:var(--text-secondary)}.fine-appeals-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.fine-appeals-export-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem .875rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border)}.fine-appeals-export-label{font-size:.75rem;color:var(--text-muted)}.fine-appeals-export-buttons{display:flex;gap:.5rem}.fine-appeals-export-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.375rem .75rem;border-radius:var(--radius-md, 8px);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.fine-appeals-export-btn:hover{border-color:var(--accent);color:var(--accent)}.fine-appeal-subject{font-size:.8125rem;color:var(--text-secondary);margin:0}.fine-appeal-file-link{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--accent);text-decoration:none;width:fit-content}.fine-appeal-file-link:hover{text-decoration:underline}.fine-appeal-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.fine-appeal-result{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.fine-appeal-review-note{font-size:.75rem;color:var(--text-muted)}.appeal-category-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700;width:fit-content}.appeal-card-list{display:flex;flex-direction:column;gap:.75rem}.appeal-card{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card-solid)}.appeal-card-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.appeal-card-top-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.appeal-forwarded-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;border-radius:999px;background:#6366f11f;color:var(--accent, #6366f1);font-size:.6875rem;font-weight:700}.appeal-card-employee{margin:0;font-size:.875rem;color:var(--text-primary)}.appeal-card-reason{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.4}.appeal-card-linked-fine{display:flex;align-items:center;gap:.3rem;margin:0;font-size:.75rem;color:var(--text-muted)}.appeal-card-handover{display:flex;flex-wrap:wrap;gap:.25rem 1rem;padding:.5rem .625rem;border-radius:var(--radius-md, 8px);background:var(--bg-secondary);font-size:.75rem;color:var(--text-secondary)}.appeal-card-handover span{display:inline-flex;align-items:center;gap:.3rem}.dashboard-appeals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.75rem;padding:0 1.25rem 1.25rem}.appeal-card-compact{padding:.875rem}.dashboard-appeals-more{grid-column:1 / -1;padding:.75rem;border:1.5px dashed var(--border);border-radius:var(--radius-lg);background:none;color:var(--accent, #6366f1);font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.dashboard-appeals-more:hover{border-color:var(--accent, #6366f1);background:#6366f10f}.finance-fine-file-input{width:100%;padding:.625rem .875rem;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:.8125rem}@media (max-width: 768px){.finance-filters-row{flex-direction:column;align-items:stretch}}.finance-payment-amount{display:inline-flex;align-items:center;gap:.25rem;color:#10b981;font-weight:700}.finance-payment-amount svg{opacity:.85}.finance-payment-month-pill{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);font-size:.75rem;font-weight:600}.finance-payment-time{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.8125rem}.finance-payment-time svg{flex-shrink:0;opacity:.8}.finance-selected-employee{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border)}.finance-selected-employee-info{flex:1;min-width:0}.finance-selected-employee-stat{display:flex;flex-direction:column;align-items:flex-end;text-align:right;flex-shrink:0}.finance-selected-employee-stat span{font-size:.6875rem;color:var(--text-muted);white-space:nowrap}.finance-selected-employee-stat strong{font-size:.9375rem;color:var(--text-primary);margin-top:.125rem}.org-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.org-tabs{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.org-tab{display:inline-flex;align-items:center;gap:.4rem;padding:.625rem 1rem;border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.org-tab:hover{color:var(--text-primary)}.org-tab.active{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;box-shadow:0 2px 8px #f973164d}.org-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.org-title{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.org-toolbar-right{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.org-export-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1.5px solid #f97316;border-radius:var(--radius-lg);background:transparent;color:#f97316;font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;white-space:nowrap}.org-export-btn:hover{background:#f9731614}.org-filter-select{width:auto;min-width:140px}.org-filter-select.filled,.org-filter-select .attendance-schedule-trigger.filled{border-color:#f97316;background:#f9731614;color:#f97316}.org-filter-select .attendance-schedule-trigger.filled svg:last-child{color:#f97316}.org-search{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-muted);min-width:180px}.org-search input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:.875rem;color:var(--text-primary)}.org-dept-card{padding:.5rem!important}.org-dept-list{display:flex;flex-direction:column;gap:.5rem}.org-dept-row{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border-radius:var(--radius-lg);border:1px solid transparent;background:var(--bg-secondary);transition:var(--transition-fast)}.org-dept-row:hover{border-color:#f9731659;background:#f973160f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.org-dept-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fb923c2e,#f973162e);color:#f97316;flex-shrink:0}.org-dept-name{flex:1;font-size:.9375rem;letter-spacing:.015em}.org-dept-name-main{font-weight:700;color:var(--text-primary);text-transform:capitalize}.org-dept-name-suffix{font-weight:500;color:var(--text-muted)}.org-pos-name-main{text-transform:capitalize}.org-pos-name-suffix{font-weight:500;color:var(--text-muted)}.org-dept-actions{display:flex;align-items:center;gap:.5rem}.org-dept-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.org-dept-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.org-dept-btn.edit:hover{border-color:#6366f166;background:#6366f11a;color:#6366f1}.org-dept-btn.delete{color:var(--error)}.org-dept-btn.delete:hover{border-color:#ef444466;background:#ef44441a}.org-dept-footer{display:flex;justify-content:flex-end;padding:.5rem .25rem .25rem}.org-schedule-cell{display:flex;flex-direction:column;gap:.375rem}.org-schedule-time{font-weight:600;color:var(--text-primary);margin-right:.5rem}.org-schedule-badge{display:inline-flex;padding:.125rem .5rem;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:.6875rem;font-weight:600}.org-schedule-meta{display:flex;align-items:center;gap:.75rem;color:var(--text-muted);font-size:.75rem}.org-schedule-meta span{display:inline-flex;align-items:center;gap:.25rem}.org-map-wrapper{display:flex;flex-direction:column;gap:.75rem}.org-map-search{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-input);color:var(--text-muted)}.org-map-search input{flex:1;border:none;outline:none;background:none;font-family:inherit;font-size:.875rem;color:var(--text-primary)}.org-map-search button{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted);cursor:pointer}.org-map-search button:hover{color:var(--text-primary)}.org-map-container{position:relative;height:220px;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:height .25s ease}.org-map-container.expanded{height:420px}.org-map{width:100%;height:100%}.org-map-btn{position:absolute;z-index:500;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm)}.org-map-btn:hover{color:var(--text-primary)}.org-map-expand{top:.625rem;left:.625rem}.org-map-locate{bottom:.625rem;right:.625rem}.btn.hr-dash-cta{background:linear-gradient(135deg,#ff2b00,#ff8050);box-shadow:0 2px 10px #ff2b0059;border-radius:var(--radius-sm)}.btn.hr-dash-ejm-btn{background:#0f1b2d!important;color:#ff9d6f!important;border:1px solid rgba(255,128,80,.4)!important;border-radius:var(--radius-sm)!important}.btn.hr-dash-ejm-btn:hover:not(:disabled){background:#16233a!important;border-color:#ff8050a6!important}.table .status-badge{border-radius:var(--radius-sm)}.btn.hr-dash-cta:hover:not(:disabled){background:linear-gradient(135deg,#e02600,#ff6a35);box-shadow:0 4px 16px #ff2b0073}.hr-dash-tip-gold{border-left:3px solid #ffb800!important;border-radius:var(--radius-sm)!important}.hr-dash-tip-red{border-left:3px solid #ff2b00!important;border-radius:var(--radius-sm)!important}.hr-dash-card{border-radius:var(--radius-sm)!important;border-color:var(--border-hover)!important}.sidebar-hr-section{display:flex;flex-direction:column;gap:.25rem}.sidebar-hr-section .sidebar-link{border-radius:var(--radius-sm);position:relative}.sidebar-hr-section .sidebar-link:hover{background:#ff80501a;color:var(--text-primary)}.sidebar-hr-section .sidebar-link.active{background:#ff2b001f;color:#ff5c3d;font-weight:600}:root[data-theme=dark] .sidebar-hr-section .sidebar-link.active{color:#ff8050}.sidebar-hr-section .sidebar-link.active:before{background:linear-gradient(180deg,#ff2b00,#ff8050);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.sidebar-brand-icon{background:linear-gradient(135deg,#ff2b00,#ff8050)!important;border-radius:var(--radius-sm)!important}.sidebar-brand-text{background:linear-gradient(135deg,#ff2b00,#ff8050);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-role{color:#d9532b!important;font-weight:600}:root[data-theme=dark] .sidebar-brand-role{color:#ff8050!important}.hr-dash-badge{border-radius:var(--radius-sm)!important;border:1px solid transparent;display:inline-flex!important;justify-content:center;min-width:96px;white-space:nowrap}.hr-dash-badge-gold{background:#ffb80024!important;color:#b87d00!important;border-color:#ffb80059!important}.hr-dash-badge-orange{background:#ff805029!important;color:#d9532b!important;border-color:#ff805059!important}.hr-dash-badge-red{background:#ff2b001f!important;color:#ff2b00!important;border-color:#ff2b0059!important}.attendance-person-id-badge{display:inline-flex;align-items:center;padding:.0625rem .4375rem;border-radius:var(--radius-sm);font-size:.625rem;font-weight:700;letter-spacing:.01em;background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.3);white-space:nowrap}.attendance-person-id-badge--missing{background:transparent;color:var(--text-muted);border:1px dashed var(--border-hover)}.hr-dash-sharp-badge,.hr-dash-kanban-column,.hr-dash-kanban-card{border-radius:var(--radius-sm)!important}.hr-dash-kanban-card:hover{border-color:#ff805080!important}.hr-dash-date-input{border-radius:var(--radius-sm)!important}.hr-dash-date-input:focus{border-color:#ff8050!important;box-shadow:0 0 0 3px #ff805026!important}.hr-dash-interview-badge{color:#b87d00!important;background:#ffb80024!important;border-radius:var(--radius-sm)!important}:root[data-theme=dark] .hr-dash-interview-badge{color:#ffb800!important}.hr-dash-badge-green{background:#10b98124!important;color:#059669!important;border-color:#10b98159!important}.hr-dash-badge-blue{background:#3b82f624!important;color:#2563eb!important;border-color:#3b82f659!important}.hr-dash-badge-violet{background:#8b5cf624!important;color:#7c3aed!important;border-color:#8b5cf659!important}.hr-dash-badge-gray{background:#94a3b824!important;color:#64748b!important;border-color:#94a3b859!important}:root[data-theme=dark] .hr-dash-badge-gold{color:#ffb800}:root[data-theme=dark] .hr-dash-badge-orange{color:#ff8050}:root[data-theme=dark] .hr-dash-badge-red{color:#ff5c3d}:root[data-theme=dark] .hr-dash-badge-green{color:#34d399}:root[data-theme=dark] .hr-dash-badge-blue{color:#60a5fa}:root[data-theme=dark] .hr-dash-badge-violet{color:#a78bfa}:root[data-theme=dark] .hr-dash-badge-gray{color:#94a3b8}.hr-dash-stat{border-radius:var(--radius-sm)!important}.hr-dash-stat .stats-icon{border-radius:var(--radius)!important}.org-map-verify{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;border:none;background:none;color:var(--text-secondary);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;width:100%}.dept-attendance-card{padding:1.25rem}.dept-attendance-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.dept-attendance-header-title{display:flex;align-items:center;gap:.5rem;color:var(--text-primary)}.dept-attendance-header-title h3{font-size:1rem;font-weight:700}.dept-attendance-header-right,.dept-attendance-legend{display:flex;align-items:center;flex-wrap:wrap;gap:.875rem}.dept-attendance-legend-item{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.dept-attendance-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dept-attendance-loading{display:flex;align-items:center;justify-content:center;min-height:160px}.dept-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.dept-card{border:1px solid var(--border);border-radius:var(--radius-lg, 14px);background:var(--bg-secondary);padding:1rem;transition:border-color .15s ease,transform .15s ease}.dept-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.dept-card-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.dept-card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);flex-shrink:0;background:var(--accent-light);color:var(--accent)}.dept-card-header-text{display:flex;flex-direction:column;min-width:0}.dept-card-name{font-size:.875rem;font-weight:700;color:var(--text-primary);text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-card-total{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.dept-card-body{display:flex;align-items:center;gap:.875rem}.dept-card-donut{position:relative;width:104px;height:104px;flex-shrink:0}.dept-card-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.dept-card-donut-value{font-size:1.0625rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.dept-card-donut-label{font-size:.625rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;margin-top:1px}.dept-card-breakdown{display:flex;flex-direction:column;gap:.4375rem;min-width:0;flex:1}.dept-card-breakdown-row{display:flex;align-items:center;gap:.375rem;font-size:.75rem}.dept-card-breakdown-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.dept-card-breakdown-label{color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-card-breakdown-count{margin-left:auto;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.fine-overlap-banner{margin:0 1rem 1rem;padding:.875rem 1rem;border-radius:var(--radius-lg);border:1.5px solid color-mix(in srgb,var(--warning, #f59e0b) 45%,var(--border));background:color-mix(in srgb,var(--warning, #f59e0b) 10%,transparent)}.fine-overlap-banner-head{display:flex;align-items:center;gap:.5rem;color:color-mix(in srgb,var(--warning, #f59e0b) 85%,var(--text-primary));font-size:.875rem}.fine-overlap-banner-head svg{flex-shrink:0}.fine-overlap-banner p{margin:.5rem 0 .75rem;font-size:.8125rem;line-height:1.55;color:var(--text-secondary);max-width:78ch}.fine-overlap-banner ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.375rem}.fine-overlap-banner li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.375rem;font-size:.8125rem;line-height:1.4}.fine-overlap-emp{font-weight:650;color:var(--text-primary)}.fine-overlap-type{color:var(--text-secondary)}.fine-overlap-pols{font-weight:600;color:color-mix(in srgb,var(--warning, #f59e0b) 80%,var(--text-primary))}.fine-overlap-sep{color:var(--text-muted)}:root{--invite-brand: #f2542d;--invite-brand-soft: rgba(255, 128, 80, .1);--invite-brand-ring: rgba(255, 128, 80, .2);--invite-track: rgba(148, 163, 184, .25);--invite-tooltip-bg: #0f172a;--invite-tooltip-fg: #f8fafc}:root[data-theme=dark]{--invite-brand: #ff8050;--invite-brand-soft: rgba(255, 128, 80, .14);--invite-brand-ring: rgba(255, 128, 80, .22);--invite-track: rgba(100, 116, 139, .3);--invite-tooltip-bg: #e2e8f0;--invite-tooltip-fg: #0f172a}.expiry-picker{display:flex;flex-direction:column;gap:.75rem}.expiry-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.expiry-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem;min-height:64px;padding:.625rem .25rem;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card-solid);color:var(--text-secondary);font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}.expiry-option:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.expiry-option:focus-visible{outline:2px solid var(--invite-brand);outline-offset:2px}.expiry-option.is-active{border-color:var(--invite-brand);background:var(--invite-brand-soft);color:var(--invite-brand);box-shadow:0 0 0 3px var(--invite-brand-ring)}.expiry-option:disabled{opacity:.4;cursor:not-allowed}.expiry-option-value{font-size:1.25rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--text-primary)}.expiry-option.is-active .expiry-option-value{color:inherit}.expiry-option-unit{font-size:.75rem;font-weight:500}.expiry-date-row{display:flex;align-items:center;gap:.75rem}.expiry-date-label{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}.expiry-date-input{flex:1;min-width:0}.expiry-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem .875rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.expiry-summary.is-error{border-color:#ef444459}.expiry-summary-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:var(--radius);background:var(--success-bg);color:var(--success)}.expiry-summary.is-error .expiry-summary-icon{background:var(--error-bg);color:var(--error)}.expiry-summary-title{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.expiry-summary.is-error .expiry-summary-title{color:var(--error)}.expiry-summary-sub{margin-top:.125rem;font-size:.8125rem;color:var(--text-muted)}.invite-expiry{display:flex;flex-direction:column;gap:.3rem;min-width:150px}.invite-expiry-muted{color:var(--text-muted)}.invite-expiry-remaining{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;white-space:nowrap}.invite-expiry-remaining.tone-ok{color:var(--text-secondary)}.invite-expiry-remaining.tone-soon{color:var(--warning)}.invite-expiry-remaining.tone-urgent,.invite-expiry-remaining.tone-expired{color:var(--error)}.invite-expiry-track{display:block;width:100%;max-width:140px;height:3px;border-radius:var(--radius-full);background:var(--invite-track);overflow:hidden}.invite-expiry-fill{display:block;height:100%;border-radius:inherit;background:var(--success)}.invite-expiry-fill.tone-soon{background:var(--warning)}.invite-expiry-fill.tone-urgent{background:var(--error)}.invite-status svg{flex-shrink:0}.invite-actions{justify-content:flex-end;flex-wrap:nowrap}.btn.invite-extend-btn{color:var(--invite-brand);border-color:var(--invite-brand)}.btn.invite-extend-btn:hover:not(:disabled){background:var(--invite-brand-soft)}.invite-icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.invite-icon-btn:hover{color:var(--accent);background:var(--accent-light);border-color:var(--accent)}.invite-icon-btn.is-warning:hover{color:var(--warning);background:var(--warning-bg);border-color:var(--warning)}.invite-icon-btn.is-danger:hover{color:var(--error);background:var(--error-bg);border-color:var(--error)}.invite-icon-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.invite-icon-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;z-index:5;padding:.3rem .55rem;border-radius:var(--radius-sm);background:var(--invite-tooltip-bg);color:var(--invite-tooltip-fg);font-size:.72rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease}.invite-icon-btn[data-tooltip]:hover:after,.invite-icon-btn[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%)}.invite-actions>.invite-icon-btn:last-child:after{left:auto;right:0;transform:translateY(4px)}.invite-actions>.invite-icon-btn:last-child:hover:after,.invite-actions>.invite-icon-btn:last-child:focus-visible:after{transform:translate(0)}.invite-extend{display:flex;flex-direction:column;gap:1.25rem}.invite-extend-head{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary)}.invite-extend-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:var(--radius);background:var(--invite-brand-soft);color:var(--invite-brand)}.invite-extend-meta{flex:1;min-width:0}.invite-extend-title{font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-extend-current{font-size:.8125rem;color:var(--text-muted)}.invite-extend-note{display:flex;align-items:flex-start;gap:.5rem;margin:0;font-size:.8125rem;color:var(--text-secondary)}.invite-extend-note svg{flex-shrink:0;margin-top:.2rem;color:var(--text-muted)}@media (max-width: 480px){.invite-extend-head{flex-wrap:wrap}}