@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&display=swap";:root{--db-space-xs: 4px;--db-space-sm: 8px;--db-space-md: 16px;--db-space-lg: 24px;--db-space-xl: 32px;--db-space-2xl: 48px;--db-radius-sm: 6px;--db-radius-md: 8px;--db-radius-lg: 10px;--db-radius-xl: 12px;--db-radius-hero-bottom: 24px;--db-shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--db-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .08);--db-color-text: #1e293b;--db-color-text-secondary: #475569;--db-color-text-muted: #64748b;--db-color-border: #e2e8f0;--db-hero-start: #1A2B4D;--db-hero-end: #152238;--db-link-color: #8b5cf6;--db-content-bg: #ffffff}[data-theme=dark]{--db-shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--db-shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .5);--db-color-text: #e5e7eb;--db-color-text-secondary: #9ca3af;--db-color-text-muted: #6b7280;--db-color-border: rgba(255, 255, 255, .08);--db-hero-start: #0f172a;--db-hero-end: #1e293b;--db-link-color: #a78bfa;--db-content-bg: #151521}@keyframes dashFadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dashSpin{to{transform:rotate(360deg)}}.dashboard-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.dashboard-loading-content{text-align:center}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;animation:dashSpin 1s linear infinite;margin:0 auto 16px}.spinner-small{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dashSpin .8s linear infinite}.dashboard-loading-text{color:#64748b;font-weight:500;font-size:1rem}.dashboard-container{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important;background:var(--db-content-bg);position:relative;isolation:isolate}.dashboard-container-inner{width:100%!important;max-width:none!important;padding:0 24px;position:relative;z-index:1;box-sizing:border-box}@media (max-width: 768px){.dashboard-container-inner{padding:0 12px}.dashboard-hero-content{flex-direction:column;align-items:flex-start}.dashboard-hero-left{width:100%}}.dashboard-hero{background:linear-gradient(135deg,var(--db-hero-start) 0%,var(--db-hero-end) 100%);padding:44px 24px 120px;position:relative;overflow:hidden;border-radius:0;min-height:320px;width:100%!important;max-width:none!important}@media (max-width: 768px){.dashboard-hero{padding:30px 16px 60px;min-height:auto;overflow:visible;display:block}.dashboard-hero-content{display:grid!important;grid-template-columns:1fr!important;gap:32px;width:100%}}@media (min-width: 768px){.dashboard-hero{padding:32px 24px 120px;min-height:280px}}.dashboard-hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.07;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.5) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,197,253,.4) 0%,transparent 40%),radial-gradient(circle at 40% 80%,rgba(96,165,250,.3) 0%,transparent 40%);pointer-events:none}.dashboard-hero-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:20px;width:100%;animation:dashFadeInUp .5s ease-out;min-height:200px}@media (max-width: 767px){.dashboard-hero-content{flex-wrap:wrap;align-items:flex-start;min-height:auto}}.dashboard-hero-left{flex:1;min-width:0}.dashboard-greeting{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dashboard-greeting-icon{color:#fbbf24;display:flex;align-items:center}.dashboard-greeting-text{color:#ffffffb3;font-size:.9rem;font-weight:500;letter-spacing:.3px}.dashboard-welcome-title{color:#fff;font-weight:700;font-size:1.5rem;margin:0 0 6px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.dashboard-welcome-title{font-size:2rem}}@media (min-width: 1200px){.dashboard-welcome-title{font-size:2.4rem}}.dashboard-welcome-date{color:#ffffff80;font-size:.95rem;margin:0 0 24px}.dashboard-status-pills{display:flex;gap:12px;flex-wrap:wrap}.dashboard-chip{display:inline-flex;align-items:center;gap:6px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.18);font-weight:500;padding:5px 14px;border-radius:20px;font-size:.8rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-chip svg{width:14px;height:14px}.dashboard-chip-success{background:#22c55e33;color:#86efac;border-color:#22c55e59}.dashboard-chip-warning{background:#fef08a;color:#1e293b;border-color:#fde047}.dashboard-chip-warning svg{color:#854d0e}.dashboard-chip-small{font-size:.6rem;padding:2px 8px;border-radius:10px;height:18px}.dashboard-hero-right{flex:0 0 300px;display:flex;justify-content:flex-end;animation:dashFadeInUp .5s ease-out .15s both}@media (max-width: 767px){.dashboard-hero-right{flex:1 1 100%;width:100%!important;margin-top:20px;display:flex!important;justify-content:center!important;animation:dashFadeInUp .5s ease-out .15s both;position:relative;z-index:10}}.dashboard-clock-widget{background:#0a162d99;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:0;padding:16px 20px;border:1px solid rgba(255,255,255,.12);text-align:center;min-width:240px;box-shadow:0 4px 20px #0003}.dashboard-timer-display{display:flex;justify-content:center;gap:6px;margin-bottom:10px}.dashboard-timer-unit{display:flex;flex-direction:column;align-items:center}.dashboard-timer-box{background:#0a111ebf;border-radius:4px;padding:8px 10px;border:1px solid rgba(255,255,255,.1);min-width:44px}.dashboard-timer-value{font-size:1.25rem;font-weight:700;color:#fff;font-family:Inter,monospace;line-height:1;letter-spacing:.5px}.dashboard-timer-label{font-size:.5rem;color:#fff6;margin-top:4px;text-transform:uppercase;letter-spacing:1px;font-weight:500}.dashboard-clock-status{color:#ffffff80;font-size:.75rem;margin:0 0 10px}.dashboard-clock-btn{width:100%;padding:8px 16px;border-radius:0;font-weight:600;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .25s ease}.dashboard-clock-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-clock-btn-in{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e59}.dashboard-clock-btn-in:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 6px 20px #22c55e73}.dashboard-clock-btn-out{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 16px #ef444459}.dashboard-clock-btn-out:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.dashboard-main-content{width:100%!important;max-width:none!important;margin:-32px 0 0!important;position:relative;z-index:2;padding:0 24px 48px!important;box-sizing:border-box}@media (max-width: 768px){.dashboard-main-content{margin-top:0;padding:12px 0 24px}}@media (min-width: 768px){.dashboard-main-content{margin-top:-40px}}.dashboard-section-label{font-size:.75rem;font-weight:600;color:var(--db-color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 16px;display:block}.dashboard-main-content>.dashboard-section-label:first-child{margin-top:0}.dashboard-main-content>.dashboard-section-label:nth-child(n+2){margin-top:28px}.dashboard-three-column{display:grid;grid-template-columns:1fr;gap:var(--db-space-lg);align-items:start}@media (min-width: 900px){.dashboard-three-column{grid-template-columns:1fr 1fr 1fr}}.dashboard-three-column .dashboard-left-column,.dashboard-three-column .dashboard-middle-column,.dashboard-three-column .dashboard-right-column{display:flex;flex-direction:column;gap:var(--db-space-lg);min-width:0;width:100%}.dashboard-three-column:not(:has(.dashboard-middle-column)){grid-template-columns:1fr}@media (min-width: 900px){.dashboard-three-column:not(:has(.dashboard-middle-column)){grid-template-columns:1fr 1fr}}@media (max-width: 1024px){.dashboard-three-column{grid-template-columns:1fr}.dashboard-three-column .dashboard-middle-column{grid-column:auto}}@media (min-width: 640px) and (max-width: 1024px){.dashboard-three-column:not(:has(.dashboard-middle-column)){grid-template-columns:1fr 1fr}.dashboard-three-column{grid-template-columns:1fr 1fr}.dashboard-three-column .dashboard-left-column{order:1}.dashboard-three-column .dashboard-right-column{order:2}.dashboard-three-column .dashboard-middle-column{order:3;grid-column:1 / -1}}@media (max-width: 768px){.dashboard-three-column{grid-template-columns:1fr}.dashboard-three-column:not(:has(.dashboard-middle-column)){grid-template-columns:1fr}}.dashboard-card{border-radius:10px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--db-shadow-card);background:#fff;transition:box-shadow .2s ease}.dashboard-card-content{padding:20px;display:flex;flex-direction:column;min-height:0}@media (max-width: 640px){.dashboard-card-content{padding:16px}}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0;gap:12px}.dashboard-card-title{font-weight:700;color:#1e293b;font-size:1rem;margin:0;line-height:1.3}.dashboard-card-content>.dashboard-card-title:first-child{margin-bottom:16px}.dashboard-link-btn{color:var(--db-link-color);font-weight:500;font-size:.78rem;padding:4px 8px;background:none;border:none;cursor:pointer;border-radius:var(--db-radius-sm);transition:background .15s,color .15s}.dashboard-link-btn:hover{background:#8b5cf614;color:#7c3aed}.dashboard-link-btn:focus-visible{outline:2px solid var(--db-link-color);outline-offset:2px}.dashboard-eoq-row{margin:12px 0 20px}.dashboard-eoq-card{display:inline-block;border-radius:10px;padding:12px;min-width:300px}.dashboard-first-row{display:flex;gap:20px;margin-bottom:24px;align-items:stretch;flex-wrap:wrap;position:relative;z-index:2}.dashboard-first-row .dashboard-timeoff-card{flex:1 1 320px;min-width:260px;border-radius:10px;border-left:3px solid #22c55e}.dashboard-first-row-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;flex:2 1 400px;min-width:0}@media (max-width: 900px){.dashboard-first-row-actions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.dashboard-first-row .dashboard-timeoff-card{flex:1 1 100%}.dashboard-first-row-actions{grid-template-columns:1fr}}.dashboard-timeoff-grid{display:flex;justify-content:space-between;gap:12px}.dashboard-timeoff-item{text-align:center;flex:1}.dashboard-timeoff-value{font-size:1.5rem;font-weight:700;line-height:1;display:block}.dashboard-timeoff-label{font-size:.68rem;color:#64748b;margin-top:4px;display:block}.dashboard-timeoff-bar{margin-top:8px;height:3px;background:#e2e8f0;border-radius:4px;overflow:hidden}.dashboard-timeoff-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.dashboard-quickactions-grid{display:flex;gap:16px;flex:1;min-width:0}@media (max-width: 767px){.dashboard-quickactions-grid{flex-wrap:wrap}}.dashboard-quickaction-card{padding:20px 16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;flex:1 1 0;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-family:inherit;border-radius:10px;border:1px solid rgba(0,0,0,.04);box-shadow:var(--db-shadow-card);background:#fff}.dashboard-quickaction-card:hover{transform:translateY(-2px);box-shadow:var(--db-shadow-card-hover)}.dashboard-quickaction-card:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-quickaction-card:active{transform:translateY(0)}.dashboard-quickaction-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.dashboard-quickaction-title{font-weight:600;color:#1e293b;font-size:.88rem;margin:0 0 2px}.dashboard-quickaction-desc{font-size:.7rem;color:#94a3b8;margin:0}.dashboard-admin-quickactions{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}@media (min-width: 640px){.dashboard-admin-quickactions{grid-template-columns:repeat(4,1fr)}}.dashboard-admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}@media (min-width: 768px){.dashboard-admin-stats{grid-template-columns:repeat(4,1fr)}}.dashboard-stat-card{padding:20px;animation:dashFadeInUp .4s ease-out}.dashboard-stat-content{display:flex;align-items:flex-start;justify-content:space-between}.dashboard-stat-label{font-size:.78rem;color:#64748b;margin:0 0 8px}.dashboard-stat-value{font-size:1.75rem;font-weight:700;color:#1e293b;line-height:1;margin:0}.dashboard-stat-change{font-size:.72rem;color:#22c55e;margin:8px 0 0}.dashboard-stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.dashboard-celebrations-card{display:flex;flex-direction:column;flex:1}.dashboard-tab-header{display:flex;background:transparent;border-radius:0;padding:0;margin-bottom:14px;gap:0}.dashboard-tab-item{flex:1;padding:8px 14px;border-radius:0;cursor:pointer;text-align:center;transition:all .2s ease;background:#e2e8f0;border:1px solid #cbd5e1}.dashboard-tab-item:first-child{border-radius:8px 0 0 8px;border-right:none}.dashboard-tab-item:last-child{border-radius:0 8px 8px 0}.dashboard-tab-active{background:#fff;border-color:#e2e8f0;box-shadow:0 0 0 1px #e2e8f0}.dashboard-tab-active:first-child{border-right:1px solid #e2e8f0}.dashboard-tab-item span{font-weight:600;color:#64748b;font-size:.78rem}.dashboard-tab-active span{color:#1e293b}.dashboard-celebrations-list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto}.dashboard-celebrations-list::-webkit-scrollbar{width:4px}.dashboard-celebrations-list::-webkit-scrollbar-track{background:transparent;border-radius:3px}.dashboard-celebrations-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dashboard-celebration-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f1f5f9;min-height:52px;box-sizing:border-box}.dashboard-celebration-item:last-child{border-bottom:none}.dashboard-avatar{width:36px;height:36px;border-radius:50%;background:#e2e8f0;color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.5px}.dashboard-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dashboard-celebration-info{flex:1;min-width:0}.dashboard-celebration-name{font-weight:600;color:#1e293b;font-size:.82rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-celebration-dept{font-size:.7rem;color:#94a3b8;margin:0}.dashboard-celebration-days{font-weight:600;color:#475569;font-size:.8rem;white-space:nowrap;flex-shrink:0}.dashboard-celebration-years{display:flex;align-items:center;gap:4px;margin-right:6px}.dashboard-celebration-years svg{color:#f59e0b}.dashboard-celebration-years span{font-weight:700;color:#f59e0b;font-size:.82rem}.dashboard-notices-card{flex:1;display:flex;flex-direction:column}.dashboard-empty-state{text-align:center;padding:20px 12px}.dashboard-empty-state svg{color:#cbd5e1;margin-bottom:6px}.dashboard-empty-state p{color:#94a3b8;font-size:.75rem;margin:0}.dashboard-whosout-empty{padding:16px 8px;width:100%}.dashboard-notices-list{display:flex;flex-direction:column;gap:8px}.dashboard-notice-item{padding:10px 12px;border-radius:8px;background:#f8fafc;border-left:3px solid #3b82f6}.dashboard-notice-title{font-weight:600;color:#1e293b;font-size:.78rem;margin:0}.dashboard-notice-desc{font-size:.7rem;color:#64748b;margin:4px 0 0;line-height:1.3}.dashboard-summary-card{width:100%;flex:1}.dashboard-progress-section{margin-bottom:18px}.dashboard-progress-header{display:flex;justify-content:space-between;margin-bottom:5px}.dashboard-progress-label{font-size:.7rem;color:#94a3b8}.dashboard-progress-value{font-size:.7rem;color:#3b82f6;font-weight:600}.dashboard-progress-bar{height:5px;background:#e2e8f0;border-radius:12px;overflow:hidden}.dashboard-progress-fill{height:100%;background:#3b82f6;border-radius:12px;transition:width .3s ease}.dashboard-summary-items{display:flex;flex-direction:column;gap:16px}.dashboard-summary-item{display:flex;align-items:center;gap:12px;min-height:40px}.dashboard-summary-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-summary-content{flex:1}.dashboard-summary-label{font-size:.68rem;color:#94a3b8;margin:0}.dashboard-summary-value{font-weight:700;color:#1e293b;font-size:.9rem;margin:0}.dashboard-outline-btn{width:100%;margin-top:18px;padding:10px 16px;border-radius:8px;border:1px solid #3b82f6;color:#1e293b;font-weight:600;font-size:.85rem;background:#fff;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.dashboard-outline-btn:hover{border-color:#2563eb;background:#f8fafc;color:#1e293b}.dashboard-outline-btn:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.dashboard-holidays-card{display:flex;flex-direction:column}.dashboard-holidays-grid{display:flex;gap:12px;align-items:stretch}.dashboard-holiday-box{flex:1;min-width:0;padding:12px 14px;border-radius:8px;cursor:pointer;transition:transform .15s ease;display:flex;flex-direction:column;justify-content:flex-start}.dashboard-holiday-box:hover{transform:translateY(-1px)}.dashboard-holiday-this-month{background:#2563eb;color:#fff}.dashboard-holiday-next{background:#22c55e;color:#fff}.dashboard-holiday-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.dashboard-holiday-header svg{color:#fff!important}.dashboard-holiday-title{font-weight:600;font-size:.78rem;color:#fff}.dashboard-holiday-this-month .dashboard-holiday-title,.dashboard-holiday-next .dashboard-holiday-title{color:#fff}.dashboard-holiday-count{font-size:.7rem;margin:0;color:#ffffffd9}.dashboard-holiday-this-month .dashboard-holiday-count,.dashboard-holiday-next .dashboard-holiday-count{color:#ffffffd9}.dashboard-whosout-card{display:flex;flex-direction:column}.dashboard-whosout-grid{display:flex;justify-content:flex-start;align-items:flex-start;gap:16px;flex-wrap:wrap}.dashboard-whosout-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:72px;max-width:90px;flex:0 0 auto}.dashboard-whosout-item-clickable{cursor:pointer;border-radius:8px;padding:4px;margin:-4px;transition:background-color .2s ease}.dashboard-whosout-item-clickable:hover{background-color:#0000000a}.dashboard-whosout-item-clickable:focus-visible{outline:2px solid var(--primary, #3b82f6);outline-offset:2px}.dashboard-blob-container{position:relative;width:60px;height:60px;margin-bottom:8px}.dashboard-blob-shape{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .3s ease}.dashboard-blob-container:hover .dashboard-blob-shape{transform:scale(1.06)!important}.dashboard-blob-avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#e2e8f0;color:#64748b;font-size:.8rem;font-weight:600;border:2px solid #fff;box-shadow:0 2px 6px #00000014;border-radius:50%;display:flex;align-items:center;justify-content:center}.dashboard-blob-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.dashboard-whosout-name{font-weight:600;color:#1e293b;font-size:.72rem;line-height:1.3;margin:0 0 1px;word-break:break-word}.dashboard-whosout-role{font-size:.65rem;color:#94a3b8;line-height:1.2;margin:0}.dashboard-alert{position:fixed;bottom:24px;right:24px;z-index:9999;border-radius:10px;box-shadow:0 4px 20px #00000026;padding:14px 18px;display:flex;align-items:center;gap:10px;max-width:380px;animation:dashFadeInUp .3s ease-out}.dashboard-alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.dashboard-alert-close{background:none;border:none;font-size:20px;color:inherit;cursor:pointer;padding:0;margin-left:auto;line-height:1;border-radius:4px}.dashboard-alert-close:hover{opacity:.75}.dashboard-alert-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.dashboard-alert-error-inline{margin-top:14px;padding:10px 12px;border-radius:8px;background:#fee2e2;color:#991b1b;display:flex;align-items:center;gap:8px;font-size:.85rem}.dashboard-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dashboard-dialog{background:#fff;border-radius:var(--db-radius-xl);box-shadow:0 24px 48px -12px #00000040;max-width:400px;width:100%;max-height:90vh;overflow-y:auto}.dashboard-dialog-header{text-align:center;padding:28px 24px 8px}.dashboard-dialog-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.dashboard-dialog-icon-success{background:#dcfce7}.dashboard-dialog-icon-danger{background:#fee2e2}.dashboard-dialog-title{font-weight:600;color:#1e293b;font-size:1.15rem;margin:0}.dashboard-dialog-content{padding:0 24px 20px}.dashboard-dialog-text{text-align:center;color:#64748b;margin:0 0 20px;font-size:.9rem}.dashboard-radio-group{display:flex;flex-direction:column;gap:10px}.dashboard-radio-option{padding:14px;border-radius:10px;border:2px solid #e2e8f0;background:#fff;cursor:pointer;transition:all .2s}.dashboard-radio-selected{border-color:#3b82f6;background:#eff6ff}.dashboard-radio-option input[type=radio]{display:none}.dashboard-radio-content{display:flex;align-items:center;gap:12px}.dashboard-radio-title{font-weight:600;color:#1e293b;margin:0;font-size:.9rem}.dashboard-radio-desc{font-size:.72rem;color:#64748b;margin:0}.dashboard-session-summary{padding:18px;border-radius:10px;background:#f8fafc;text-align:center}.dashboard-session-label{font-size:.82rem;color:#64748b;margin:0 0 6px}.dashboard-session-time{font-size:1.4rem;font-weight:700;color:#1e293b;margin:0}.dashboard-session-start{font-size:.72rem;color:#94a3b8;margin:6px 0 0}.dashboard-dialog-actions{padding:4px 24px 20px;display:flex;gap:10px}.dashboard-dialog-btn{flex:1;padding:11px 20px;border-radius:10px;font-weight:600;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}.dashboard-dialog-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-dialog-btn-cancel{color:#64748b;background:#f1f5f9}.dashboard-dialog-btn-cancel:hover{background:#e2e8f0}.dashboard-dialog-btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.dashboard-dialog-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d)}.dashboard-dialog-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.dashboard-dialog-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}[data-theme=dark] .dashboard-card{background:#1a1a2e;border-color:#ffffff14;box-shadow:0 1px 3px #0000004d}@media (max-width: 600px){.dashboard-dialog-overlay{align-items:flex-end;padding:0;z-index:99999}.dashboard-dialog{max-width:100vw;width:100vw;min-width:0;border-radius:18px 18px 0 0;box-shadow:0 -2px 16px #0000002e;margin:0;max-height:90vh;overflow-y:auto;position:relative;bottom:0}.dashboard-dialog-header{padding:18px 16px 8px}.dashboard-dialog-content{padding:0 16px 16px}.dashboard-dialog-actions{padding:12px 16px 20px;gap:8px}}[data-theme=dark] .dashboard-card-title{color:#e5e7eb}[data-theme=dark] .dashboard-link-btn{color:#a78bfa}[data-theme=dark] .dashboard-link-btn:hover{background:#a78bfa26;color:#c4b5fd}[data-theme=dark] .dashboard-action-card{background:#2b2b40;border-color:#ffffff1a}[data-theme=dark] .dashboard-action-card:hover{background:#33334a}[data-theme=dark] .dashboard-action-title{color:#e5e7eb}[data-theme=dark] .dashboard-action-subtitle{color:#fff9}[data-theme=dark] .dashboard-timeoff-item-label{color:#ffffffb3}[data-theme=dark] .dashboard-timeoff-item-value{color:#e5e7eb}[data-theme=dark] .dashboard-stat-item{background:#2b2b40;border-color:#ffffff14}[data-theme=dark] .dashboard-stat-title{color:#ffffffb3}[data-theme=dark] .dashboard-stat-value{color:#e5e7eb}[data-theme=dark] .dashboard-stat-change{color:#fff9}[data-theme=dark] .dashboard-tab-header{background:#2b2b40;border-color:#ffffff14}[data-theme=dark] .dashboard-tab-item{color:#ffffffb3}[data-theme=dark] .dashboard-tab-item.active{background:#1a1a2e;color:#a78bfa}[data-theme=dark] .dashboard-celebration-item{background:#2b2b40;border-color:#ffffff14}[data-theme=dark] .dashboard-celebration-item:hover{background:#33334a}[data-theme=dark] .dashboard-celebration-name{color:#e5e7eb}[data-theme=dark] .dashboard-celebration-dept{color:#fff9}[data-theme=dark] .dashboard-notice-item{background:#2b2b40;border-color:#ffffff14}[data-theme=dark] .dashboard-notice-item:hover{background:#33334a}[data-theme=dark] .dashboard-notice-title{color:#e5e7eb}[data-theme=dark] .dashboard-notice-date{color:#fff9}[data-theme=dark] .dashboard-summary-item{background:#2b2b40}[data-theme=dark] .dashboard-summary-label{color:#ffffffb3}[data-theme=dark] .dashboard-summary-value{color:#e5e7eb}[data-theme=dark] .dashboard-progress-bar{background:#ffffff1a}[data-theme=dark] .dashboard-whosout-item-name{color:#e5e7eb}[data-theme=dark] .dashboard-whosout-item-status{color:#fff9}[data-theme=dark] .dashboard-empty-state{color:#ffffff80}[data-theme=dark] .dashboard-section-label{color:#e5e7eb}[data-theme=dark] .dashboard-outline-btn{color:#a78bfa;border-color:#a78bfa4d;background:transparent}[data-theme=dark] .dashboard-outline-btn:hover{background:#a78bfa1a;border-color:#a78bfa}[data-theme=dark] .dashboard-chip-small{background:#ffffff1a;color:#fffc}[data-theme=dark] .dashboard-chip-success{background:#22c55e33;color:#86efac}[data-theme=dark] .dashboard-chip-warning{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .dashboard-chip-info{background:#3b82f633;color:#93c5fd}:root{--db-bg: #f5f7fb;--db-gr: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--db-tx: #1e293b;--db-t2: #475569;--db-t3: #94a3b8;--db-bdr: #e2e8f0;--db-bdr2: #cbd5e1;--db-sh: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -2px rgba(0, 0, 0, .05);--db-sh2: 0 10px 15px -3px rgba(0, 0, 0, .08);--db-sh3: 0 25px 50px -12px rgba(0, 0, 0, .15);--db-blue: #2563eb;--db-bls: #eff6ff;--db-grn: #10b981;--db-gns: #ecfdf5;--db-red: #ef4444;--db-rds: #fef2f2;--db-amb: #f59e0b;--db-ams: #fffbeb;--db-s1: #ffffff;--db-s2: #f8fafc;--db-r: 12px;--db-r2: 16px;--db-fn: "Plus Jakarta Sans", sans-serif}body{background-color:var(--db-bg);color:var(--db-tx);font-family:var(--db-fn);margin:0}.emp-dashboard{min-height:100vh;padding-bottom:2rem}.emp-hero{background:var(--db-gr);color:#fff;padding:3rem 2rem 6rem;position:relative;overflow:hidden}.emp-hero-dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}.emp-hero-inner{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.emp-welcome-box h1{font-size:2.2rem;font-weight:800;margin:.5rem 0;letter-spacing:-.02em}.emp-welcome-box p{font-size:1.1rem;opacity:.7;margin:0}.hg{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emp-status-pills{display:flex;gap:12px;margin-top:1.5rem;flex-wrap:wrap}.emp-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.emp-pill-success{background:#10b98126;color:#6ee7b7;border-color:#10b9814d}.emp-pill-warning{background:#ef444426;color:#fca5a5;border-color:#ef44444d}.emp-pill-info{background:#ffffff1a;color:#ffffffb3}.emp-clock-widget{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:var(--db-r2);padding:1.5rem;min-width:250px;text-align:center;box-shadow:0 20px 40px #00000040}.emp-time-display{font-size:2.2rem;font-weight:700;font-family:IBM Plex Mono,monospace;letter-spacing:-1px}.emp-date-display{font-size:.85rem;opacity:.5;margin-bottom:1rem;text-transform:uppercase}.emp-clock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.2rem}.emp-clock-stat-box{background:#0003;border-radius:8px;padding:8px 4px}.emp-clock-stat-val{font-size:1.1rem;font-weight:700;display:block}.emp-clock-stat-lbl{font-size:.6rem;opacity:.5;text-transform:uppercase}.emp-clock-btn{width:100%;padding:12px;border-radius:12px;border:none;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;color:#fff}.emp-clock-btn-in{background:var(--db-grn)}.emp-clock-btn-out{background:var(--db-red)}.emp-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;max-width:1600px;margin:-3rem auto 2rem;padding:0 2rem;z-index:10;position:relative}.emp-strip-card{background:#fff;border-radius:var(--db-r2);padding:1.25rem 1rem;box-shadow:var(--db-sh2);text-align:center;cursor:pointer;transition:all .2s}.emp-strip-card:hover{transform:translateY(-4px);box-shadow:var(--db-sh3)}.emp-strip-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;font-size:1.5rem}.emp-strip-title{display:block;font-weight:700;color:#1e293b;font-size:.95rem}.emp-strip-sub{font-size:.75rem;color:#94a3b8}.emp-main-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1600px;margin:0 auto;padding:0 2rem}.emp-card{background:#fff;border:1px solid var(--db-bdr);border-radius:var(--db-r2);padding:1.5rem;display:flex;flex-direction:column}.emp-card-hd{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.emp-card-title{font-size:1.1rem;font-weight:700;color:var(--db-tx)}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.summary-live{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:800;color:#10b981;text-transform:uppercase;background:#ecfdf5;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.summary-live:before{content:"";width:6px;height:6px;background:#10b981;border-radius:50%;animation:statusPulse 2s infinite}.va-link{color:var(--db-blue);font-size:.85rem;font-weight:600;cursor:pointer}.ft-btn{padding:6px 14px;background:var(--db-bls);color:var(--db-blue);border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer}.weekly-progress{margin-bottom:2rem}.wp-label{display:flex;justify-content:space-between;font-size:.8rem;color:#94a3b8;margin-bottom:8px}.wp-bar{height:8px;background:#f1f5f9;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.wp-fill{height:100%;background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}.summary-list{display:flex;flex-direction:column;gap:1.25rem}.summary-item{display:flex;align-items:center;gap:1rem}.si-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.si-info{flex:1}.si-name{font-size:.7rem;text-transform:uppercase;font-weight:700;color:#94a3b8;letter-spacing:.05em;margin-bottom:2px}.si-val{font-size:1rem;font-weight:600;color:#1e293b}.status-badge{padding:4px 8px;background:#f1f5f9;color:#64748b;font-size:.75rem;font-weight:700;border-radius:4px}.balance-tabs{display:flex;gap:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #f1f5f9}.balance-tab{padding-bottom:8px;font-size:.9rem;color:#94a3b8;cursor:pointer;position:relative;font-weight:600}.balance-tab.active{color:var(--db-blue)}.balance-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--db-blue)}.balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;padding:1.25rem;background:#fcfcfc;border-radius:12px;border:1px solid #f8fafc}.balance-item{display:flex;flex-direction:column;align-items:center}.bi-val{font-size:1.8rem;font-weight:800;line-height:1;margin-bottom:6px}.bi-lbl{font-size:.65rem;text-transform:uppercase;font-weight:700;color:#94a3b8}.bi-progress{width:60%;height:3px;background:#f1f5f9;border-radius:10px;margin-top:8px}.history-title{font-size:.9rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.hi-main{display:flex;align-items:center;gap:1rem}.hi-date{color:#94a3b8;width:45px}.hi-type{font-weight:700;color:#1e293b}.hi-status{padding:3px 10px;border-radius:16px;font-size:.75rem;font-weight:700}.his-app{background:#ecfdf5;color:#059669}.his-rej{background:#fef2f2;color:#dc2626}.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.qa-card{display:flex;flex-direction:column;align-items:center;padding:1.25rem .5rem;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s}.qa-card:hover{background:#fff;border-color:var(--db-blue);transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1a}.qa-ico{font-size:1.5rem;margin-bottom:8px}.qa-label{font-size:.85rem;font-weight:700;color:#1e293b}.qa-sublabel{font-size:.75rem;color:#94a3b8;margin-top:2px}.holiday-list{display:flex;flex-direction:column;gap:1rem}.holiday-item{display:flex;align-items:center;gap:1.25rem;padding:.75rem;border-radius:12px;transition:all .2s ease;border:1px solid transparent}.holiday-item:hover{background:#f8fafc;border-color:#f1f5f9;transform:translate(4px)}.h-date-box{width:52px;height:56px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 4px 10px #2563eb14;border:1px solid #dbeafe}.hdb-d{font-size:1.4rem;line-height:1;letter-spacing:-.5px}.hdb-m{font-size:.7rem;text-transform:uppercase;margin-top:2px;font-weight:700;opacity:.8}.h-info{flex:1}.h-nm{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:2px}.h-st{font-size:.75rem;color:#94a3b8;font-weight:500}.h-countdown{background:#fff;color:#2563eb;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:700;border:1px solid #e2e8f0;box-shadow:0 2px 4px #00000005}@media (max-width: 1400px){.emp-strip,.emp-main-grid{gap:1rem}}@media (max-width: 1200px){.emp-strip{gap:.75rem}}@media (max-width: 992px){.emp-strip{grid-template-columns:repeat(2,1fr);margin-top:-4rem}.emp-main-grid{grid-template-columns:1fr}.emp-hero-inner{flex-direction:column;text-align:center;gap:2rem}.emp-status-pills{justify-content:center}}@media (max-width: 768px){.emp-strip{grid-template-columns:1fr}.emp-hero{padding:2rem 1rem 5rem}.emp-welcome-box h1{font-size:1.8rem}.emp-clock-widget{min-width:100%}.emp-main-grid,.emp-strip{padding:0 1rem}.balance-grid,.qa-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.qa-grid,.balance-grid{grid-template-columns:1fr}}.no-history{padding:2rem;text-align:center;color:var(--db-t3);font-size:.9rem;border:1px dashed var(--db-bdr);border-radius:var(--db-r)}.his-pen{background:var(--db-ams);color:var(--db-amb)}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--primary: #667eea;--primary-light: #818cf8;--primary-dark: #5b6dd9;--primary-darker: #4f5bc7;--accent: #764ba2;--accent-light: #9061b8;--accent-dark: #5c3a80;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-vibrant: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-soft: linear-gradient(135deg, rgba(102, 126, 234, .1) 0%, rgba(118, 75, 162, .1) 100%);--gradient-text: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-main: #ffffff;--bg-alt: #f8fafc;--bg-white: #ffffff;--text-dark: #0f172a;--text-medium: #334155;--text-light: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-medium: #cbd5e1;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: 0 4px 20px rgba(0, 0, 0, .08);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: "Georgia", "Times New Roman", serif;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.landing-page{min-height:100vh;font-family:var(--font-sans);color:var(--text-dark);background:var(--bg-main);overflow-x:hidden}.landing-header{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;background:var(--bg-main);transition:all var(--transition-slow)}.landing-header-scrolled{background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm)}.landing-header-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}.landing-header-logo{display:flex;align-items:center;gap:.625rem;cursor:pointer;transition:opacity var(--transition)}.landing-header-logo:hover{opacity:.8}.landing-logo-img{width:36px;height:36px;object-fit:contain}.landing-logo-text{font-size:1.25rem;font-weight:600;color:var(--text-dark)}.landing-nav{display:flex;align-items:center;gap:.25rem}.landing-nav-link{background:none;border:none;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-medium);cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.landing-nav-link:hover{color:var(--text-dark)}.landing-header-actions{display:flex;align-items:center;gap:.75rem}.landing-btn-header-secondary{background:none;border:none;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-medium);cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.landing-btn-header-secondary:hover{color:var(--text-dark)}.landing-btn-header-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);border:none;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;color:var(--bg-white);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition);box-shadow:0 2px 10px #667eea4d}.landing-btn-header-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #667eea66}.landing-mobile-menu-btn{display:none;background:none;border:none;padding:.5rem;color:var(--text-dark);cursor:pointer;border-radius:var(--radius)}.landing-mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-main);border-bottom:1px solid var(--border-light);padding:1rem;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-lg)}.landing-mobile-menu.active{display:flex}.landing-mobile-nav-link{background:none;border:none;padding:.875rem 1rem;font-size:1rem;font-weight:500;color:var(--text-medium);cursor:pointer;border-radius:var(--radius);text-align:left;transition:all var(--transition)}.landing-mobile-nav-link:hover{background:var(--bg-alt)}.landing-mobile-menu-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.landing-btn-secondary-full,.landing-btn-primary-full{width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition)}.landing-btn-secondary-full{background:var(--bg-white);border:1px solid var(--border-medium);color:var(--text-dark)}.landing-btn-primary-full{background:var(--gradient-primary);border:none;color:var(--bg-white);box-shadow:0 4px 15px #667eea59}@media (max-width: 1024px){.landing-nav,.landing-header-actions{display:none}.landing-mobile-menu-btn{display:block}}.landing-hero{position:relative;padding:8rem 1.5rem 4rem;min-height:100vh;overflow:hidden}.hero-curve{position:absolute;color:var(--accent);pointer-events:none;z-index:1}.hero-curve-left{left:0;bottom:10%;width:120px;height:300px}.hero-curve-right{right:0;bottom:15%;width:120px;height:300px}.hero-curve svg{width:100%;height:100%}.landing-hero-container{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-social-proof{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;background:var(--bg-white);border-radius:var(--radius-full);box-shadow:var(--shadow-card);margin-bottom:2rem}.hero-avatars{display:flex;align-items:center}.hero-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid var(--bg-white);margin-left:-8px}.hero-avatar:first-child{margin-left:0;background:linear-gradient(135deg,#818cf8,#667eea)}.hero-avatar:nth-child(2){background:linear-gradient(135deg,#667eea,#764ba2)}.hero-avatar:nth-child(3){background:linear-gradient(135deg,#764ba2,#9d4edd)}.hero-social-text{font-size:.875rem;font-weight:500;color:var(--text-medium)}.landing-hero-title{font-family:var(--font-serif);font-size:clamp(2.5rem,5vw,3.75rem);font-weight:400;color:var(--text-dark);line-height:1.2;margin-bottom:1.5rem;letter-spacing:-.01em}.hero-highlight{position:relative;display:inline-block;color:var(--text-dark)}.hero-highlight:before{content:"";position:absolute;top:-8px;left:-12px;right:-12px;bottom:-8px;background:var(--gradient-primary);border-radius:50%;transform:rotate(-2deg);z-index:-1;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.landing-hero-subtitle{font-size:1.125rem;line-height:1.7;color:var(--text-light);max-width:650px;margin:0 auto 2rem}.landing-hero-cta{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:4rem}.landing-btn-hero-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--gradient-primary);border:none;padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--bg-white);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition);box-shadow:0 4px 15px #667eea59}.landing-btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea73}.landing-btn-hero-secondary{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-white);border:1px solid var(--border-medium);padding:1rem 2rem;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;border-radius:var(--radius-full);transition:all var(--transition)}.landing-btn-hero-secondary:hover{border-color:var(--text-dark);background:var(--bg-alt)}.hero-image-section{position:relative;max-width:900px;margin:0 auto}.hero-main-image{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.hero-main-image img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:16 / 10;transition:opacity var(--transition-slow)}.hero-carousel-nav{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem}.hero-carousel-dot{width:10px;height:10px;border-radius:50%;background:var(--border-medium);border:none;cursor:pointer;transition:all var(--transition);padding:0}.hero-carousel-dot.active{width:28px;border-radius:5px;background:var(--gradient-primary)}.hero-carousel-dot:hover:not(.active){background:var(--text-muted)}.hero-floating-card{position:absolute;background:var(--bg-white);border-radius:var(--radius-xl);padding:1.25rem;box-shadow:var(--shadow-xl);max-width:240px;text-align:left;animation:float 6s ease-in-out infinite}.hero-floating-left{left:-60px;top:50%;transform:translateY(-50%);animation-delay:0s}.hero-floating-right{right:-60px;top:40%;transform:translateY(-50%);animation-delay:-3s}.hero-floating-bottom{left:50%;bottom:-30px;top:auto;transform:translate(-50%);animation:floatBottom 6s ease-in-out infinite;animation-delay:-1.5s}@keyframes float{0%,to{transform:translateY(-50%)}50%{transform:translateY(calc(-50% - 10px))}}@keyframes floatBottom{0%,to{transform:translate(-50%)}50%{transform:translate(-50%) translateY(-10px)}}.floating-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--text-dark);margin-bottom:.75rem}.hero-floating-card h4{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:.375rem}.hero-floating-card p{font-size:.8125rem;color:var(--text-light);line-height:1.5}.floating-card-header{margin-bottom:.5rem}.floating-card-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.floating-card-stats{font-size:.8125rem;color:var(--text-light);margin-bottom:.75rem!important}.floating-card-metrics{display:flex;align-items:center;gap:.5rem}.metric-item{width:32px;height:32px;border-radius:var(--radius);background:var(--bg-main);display:flex;align-items:center;justify-content:center;color:var(--text-medium)}.metric-more{width:32px;height:32px;border-radius:var(--radius);background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}@media (max-width: 1100px){.hero-floating-card,.hero-curve{display:none}}@media (max-width: 768px){.landing-hero{padding:7rem 1rem 3rem}.landing-hero-title{font-size:2rem}.hero-highlight:before{top:-4px;left:-8px;right:-8px;bottom:-4px;border-width:2px}}.landing-section-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-section-header{text-align:center;margin-bottom:3.5rem}.landing-section-badge{display:inline-block;padding:.375rem .875rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;color:var(--text-medium);margin-bottom:1rem}.landing-section-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;color:var(--text-dark);margin-bottom:1rem;letter-spacing:-.01em}.landing-section-subtitle{font-size:1.0625rem;color:var(--text-light);max-width:700px;margin:0 auto;line-height:1.7;white-space:nowrap}@media (max-width: 768px){.landing-section-subtitle{white-space:normal;max-width:100%}}.landing-learning-paths{padding:5rem 0 4rem;background:var(--bg-white)}.learning-paths-header{text-align:center;margin-bottom:2.5rem}.learning-paths-title{font-family:var(--font-serif);font-size:clamp(2rem,4.5vw,3rem);font-weight:400;color:var(--text-dark);line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.learning-paths-subtitle{font-size:1rem;color:var(--text-light);margin:0 auto;line-height:1.6;white-space:nowrap}.learning-paths-categories{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.75rem}.learning-path-pill{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;background:#fff;border:1px solid var(--border-light);border-radius:50px;font-size:.9375rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:all .2s ease;white-space:nowrap}.learning-path-pill:hover{background:#f8fafc;border-color:var(--border-medium)}.learning-path-pill.active{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #667eea59}.learning-path-pill.active:hover{box-shadow:0 6px 20px #667eea73}.learning-path-pill.more{background:#fff;color:var(--text-light)}.learning-path-pill.more:hover{background:#f8fafc;color:var(--text-dark)}.learning-path-pill.more .plus-icon{font-size:1.125rem;font-weight:400;line-height:1}@media (max-width: 768px){.landing-learning-paths{padding:3rem 0 2.5rem}.learning-paths-title{font-size:1.75rem}.learning-paths-categories{gap:.5rem}.learning-path-pill{padding:.5rem 1rem;font-size:.875rem}}@media (max-width: 480px){.learning-paths-categories{justify-content:flex-start;padding:0 .5rem}}.learning-paths-showcase{display:flex;align-items:center;gap:3rem;margin-top:3rem;background:#f5f5f5;border-radius:24px;padding:3rem;overflow:hidden;animation:showcaseFadeIn .5s ease-out}@keyframes showcaseFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.showcase-content{flex:0 0 38%;max-width:38%}.showcase-title{font-family:var(--font-sans);font-size:1.75rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem;line-height:1.3}.showcase-description{font-size:.9375rem;color:var(--text-light);line-height:1.7;margin-bottom:1.5rem}.showcase-buttons{display:flex;align-items:center;gap:1rem}.showcase-btn-primary{padding:.75rem 1.25rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:50px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #667eea4d}.showcase-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.showcase-btn-secondary{padding:.875rem 1.5rem;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:50px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #00000014}.showcase-btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.showcase-images{flex:1;min-width:0}.showcase-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;min-height:350px}.showcase-main-image{width:320px;height:280px;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000026;z-index:2}.showcase-main-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.showcase-main-image:hover img{transform:scale(1.05)}.showcase-floating{position:absolute;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000040,0 4px 15px #00000026;z-index:1;transition:all .3s ease;border:3px solid rgba(255,255,255,.9)}.showcase-floating img{width:100%;height:100%;object-fit:cover}.showcase-floating:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 50px #0000004d,0 6px 20px #0003;z-index:5}.showcase-float-1,.showcase-float-2,.showcase-float-3{z-index:3;transition:all .4s ease}.showcase-layout-forYou .showcase-float-1{width:110px;height:85px;left:calc(50% - 215px);top:calc(50% - 100px)}.showcase-layout-forYou .showcase-float-2{width:95px;height:75px;right:calc(50% - 207px);top:calc(50% - 37px)}.showcase-layout-forYou .showcase-float-3{width:120px;height:80px;left:calc(50% - 60px);bottom:calc(50% - 180px)}.showcase-layout-hrSkills .showcase-float-1{width:100px;height:80px;left:calc(50% - 210px);top:calc(50% - 40px)}.showcase-layout-hrSkills .showcase-float-2{width:115px;height:85px;right:calc(50% - 217px);top:calc(50% - 182px)}.showcase-layout-hrSkills .showcase-float-3{width:90px;height:70px;left:calc(50% - 120px);bottom:calc(50% - 175px)}.showcase-layout-leadership .showcase-float-1{width:130px;height:90px;left:calc(50% - 65px);top:calc(50% - 185px)}.showcase-layout-leadership .showcase-float-2{width:95px;height:72px;left:calc(50% - 207px);bottom:calc(50% - 100px)}.showcase-layout-leadership .showcase-float-3{width:105px;height:78px;right:calc(50% - 212px);bottom:calc(50% - 80px)}.showcase-layout-compliance .showcase-float-1{width:105px;height:80px;left:calc(50% - 212px);top:calc(50% - 120px)}.showcase-layout-compliance .showcase-float-2{width:100px;height:75px;right:calc(50% - 210px);top:calc(50% - 20px)}.showcase-layout-compliance .showcase-float-3{width:115px;height:82px;left:calc(50% - 40px);bottom:calc(50% - 181px)}.showcase-layout-technology .showcase-float-1{width:100px;height:78px;left:calc(50% - 210px);top:calc(50% - 179px)}.showcase-layout-technology .showcase-float-2{width:110px;height:82px;right:calc(50% - 215px);top:calc(50% - 181px)}.showcase-layout-technology .showcase-float-3{width:120px;height:85px;left:calc(50% - 60px);bottom:calc(50% - 182px)}.showcase-layout-softSkills .showcase-float-1{width:108px;height:82px;left:calc(50% - 214px);top:calc(50% - 41px)}.showcase-layout-softSkills .showcase-float-2{width:98px;height:75px;right:calc(50% - 209px);top:calc(50% - 110px)}.showcase-layout-softSkills .showcase-float-3{width:105px;height:78px;right:calc(50% - 212px);bottom:calc(50% - 100px)}@media (max-width: 1024px){.learning-paths-showcase{flex-direction:column;padding:2rem}.showcase-content{flex:none;max-width:100%;text-align:center}.showcase-buttons{justify-content:center}.showcase-image-wrapper{min-height:300px}.showcase-main-image{width:280px;height:240px}.showcase-float-1,.showcase-float-2,.showcase-float-3{transform:scale(.8)}}@media (max-width: 640px){.showcase-image-wrapper{min-height:220px}.showcase-main-image{width:200px;height:180px}.showcase-float-1,.showcase-float-2,.showcase-float-3{transform:scale(.6)}.showcase-floating{box-shadow:0 4px 15px #0000001a}}.landing-benefits{padding:6rem 0;background:var(--bg-white)}.landing-benefits .landing-section-badge{background:var(--gradient-soft);border:1px solid rgba(102,126,234,.2);color:#667eea;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.landing-benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto;gap:1.5rem}.landing-benefit-card{position:relative;padding:2rem 1.5rem;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:left;transition:all var(--transition-slow)}.landing-benefit-card:nth-child(1){grid-row:span 2;padding:2.5rem 2rem}.landing-benefit-card:nth-child(1) .landing-benefit-icon{width:64px;height:64px}.landing-benefit-card:nth-child(1) .landing-benefit-title{font-size:1.35rem}.landing-benefit-card:nth-child(1) .landing-benefit-desc{font-size:1rem}.landing-benefit-card:nth-child(4){grid-column:span 2;display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem}.landing-benefit-card:nth-child(4) .landing-benefit-icon{margin-bottom:0;flex-shrink:0}.landing-benefit-card:nth-child(4) .landing-benefit-title{margin-bottom:.25rem}.landing-benefit-card:nth-child(5){grid-column:span 2}.landing-benefit-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.landing-benefit-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);margin-bottom:1.25rem;background:var(--bg-alt);color:#64748b;transition:all var(--transition)}.landing-benefit-card:hover .landing-benefit-icon{background:var(--gradient-primary);color:var(--bg-white);box-shadow:0 4px 12px #667eea59}.landing-benefit-icon.from-amber-500,.landing-benefit-icon.from-emerald-500,.landing-benefit-icon.from-blue-500,.landing-benefit-icon.from-purple-500,.landing-benefit-icon.from-rose-500,.landing-benefit-icon.from-cyan-500{background:var(--bg-alt);color:#64748b}.landing-benefit-card:hover .landing-benefit-icon.from-amber-500,.landing-benefit-card:hover .landing-benefit-icon.from-emerald-500,.landing-benefit-card:hover .landing-benefit-icon.from-blue-500,.landing-benefit-card:hover .landing-benefit-icon.from-purple-500,.landing-benefit-card:hover .landing-benefit-icon.from-rose-500,.landing-benefit-card:hover .landing-benefit-icon.from-cyan-500{background:var(--gradient-primary);color:var(--bg-white)}.landing-benefit-title{position:relative;font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:.625rem;padding-left:.875rem}.landing-benefit-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--gradient-primary);border-radius:2px}.landing-benefit-desc{font-size:.875rem;color:var(--text-light);line-height:1.7;padding-left:.875rem}@media (max-width: 1024px){.landing-benefits-grid{grid-template-columns:repeat(2,1fr)}.landing-benefit-card:nth-child(1){grid-row:span 1;grid-column:span 2}.landing-benefit-card:nth-child(4),.landing-benefit-card:nth-child(5){grid-column:span 2}}@media (max-width: 640px){.landing-benefits-grid{grid-template-columns:1fr}.landing-benefit-card:nth-child(1),.landing-benefit-card:nth-child(4),.landing-benefit-card:nth-child(5){grid-column:span 1;grid-row:span 1}.landing-benefit-card:nth-child(4){flex-direction:column;align-items:flex-start}.landing-benefit-card:nth-child(4) .landing-benefit-icon{margin-bottom:1.25rem}}.landing-features-bento{padding:6rem 0;background:var(--bg-alt)}.landing-bento-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.landing-bento-card{position:relative;padding:2rem;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-slow);display:flex;flex-direction:column;flex:0 1 calc(33.333% - 1rem);min-width:280px}.landing-bento-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.landing-bento-card:hover .landing-bento-icon{background:var(--gradient-primary);color:var(--bg-white);box-shadow:0 4px 12px #667eea4d}.landing-bento-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-lg);background:var(--bg-alt);color:#64748b;margin-bottom:1.25rem;transition:all var(--transition)}.landing-bento-title{position:relative;font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;padding-left:.875rem;white-space:nowrap}.landing-bento-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--gradient-primary);border-radius:2px}.landing-bento-desc{font-size:.875rem;color:var(--text-light);line-height:1.7;padding-left:.875rem}.landing-bento-shine{display:none}@media (max-width: 1024px){.landing-bento-card{flex:0 1 calc(50% - 1rem)}.landing-bento-title{white-space:normal}}@media (max-width: 640px){.landing-bento-card{flex:0 1 100%}}.landing-testimonials{padding:6rem 0;background:var(--bg-white);overflow:hidden}.landing-testimonials .landing-section-container{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.landing-testimonials-left{position:relative}.landing-testimonials-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}.landing-testimonials-title span{font-weight:700}.landing-testimonials-subtitle{font-size:1rem;color:var(--text-light);line-height:1.7;max-width:360px;margin-bottom:2rem}.testimonial-nav{display:flex;align-items:center;gap:1rem}.testimonial-nav-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border-light);color:var(--text-dark);cursor:pointer;transition:all var(--transition)}.testimonial-nav-btn:hover{background:var(--gradient-primary);border-color:#667eea;color:var(--bg-white)}.testimonial-nav-icon{width:20px;height:20px}.testimonial-nav-prev{transform:rotate(90deg)}.testimonial-nav-next{transform:rotate(-90deg)}.testimonial-nav-dots{display:flex;align-items:center;gap:.5rem}.testimonial-dot{width:8px;height:8px;border-radius:50%;background:var(--border-medium);border:none;cursor:pointer;transition:all var(--transition);padding:0}.testimonial-dot.active{width:24px;border-radius:4px;background:var(--gradient-primary)}.testimonial-dot:hover:not(.active){background:var(--text-muted)}.landing-testimonials-right{position:relative}.landing-testimonial-card{position:relative;padding:3rem;background:var(--bg-alt);border-radius:var(--radius-2xl);border:1px solid var(--border-light);transition:all var(--transition-slow)}.landing-testimonial-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-medium)}.testimonial-quote-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--gradient-primary);color:var(--bg-white);margin-bottom:1.5rem;box-shadow:0 4px 12px #667eea4d}.landing-testimonial-text{font-size:1.25rem;color:var(--text-dark);line-height:1.8;margin-bottom:2rem;font-weight:400}.landing-testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}.landing-testimonial-avatar{width:52px;height:52px;border-radius:50%;background:var(--gradient-primary);color:var(--bg-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.landing-testimonial-info{display:flex;flex-direction:column;gap:.25rem}.landing-testimonial-name{font-weight:600;color:var(--text-dark);font-size:1rem}.landing-testimonial-role{font-size:.875rem;color:var(--text-light)}@media (max-width: 1024px){.landing-testimonials .landing-section-container{grid-template-columns:1fr;gap:2.5rem}.landing-testimonials-left{text-align:center}.landing-testimonials-subtitle{max-width:100%;margin:0 auto 2rem}.testimonial-nav{justify-content:center}.landing-testimonial-card{padding:2rem}.landing-testimonial-text{font-size:1.125rem}}@media (max-width: 640px){.landing-testimonial-card{padding:1.5rem}.landing-testimonial-text{font-size:1rem}.testimonial-quote-icon{width:48px;height:48px}}.landing-pricing{padding:6rem 0;background:var(--bg-alt)}.landing-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}.landing-pricing-card{position:relative;display:flex;flex-direction:column;padding:2rem;background:var(--bg-white);border-radius:var(--radius-2xl);border:1px solid var(--border-light);transition:all var(--transition-slow)}.landing-pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:var(--border-medium)}.landing-pricing-card.highlighted{background:var(--text-dark);border-color:var(--text-dark)}.landing-pricing-card.highlighted .landing-pricing-name,.landing-pricing-card.highlighted .landing-pricing-amount,.landing-pricing-card.highlighted .landing-pricing-subtitle,.landing-pricing-card.highlighted .landing-pricing-period,.landing-pricing-card.highlighted .landing-pricing-feature{color:var(--bg-white)}.landing-pricing-card.highlighted .landing-pricing-feature svg{color:#60a5fa}.landing-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.25rem;padding:.375rem 1rem;background:#f59e0b;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--bg-white);white-space:nowrap;text-transform:uppercase;letter-spacing:.02em}.landing-pricing-card.highlighted .landing-pricing-badge{background:var(--primary)}.landing-pricing-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-light)}.landing-pricing-card.highlighted .landing-pricing-header{border-bottom-color:#ffffff1a}.landing-pricing-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 auto 1rem;border-radius:var(--radius-lg);background:var(--bg-alt);color:#64748b;transition:all var(--transition)}.landing-pricing-card:hover .landing-pricing-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--bg-white)}.landing-pricing-card.highlighted .landing-pricing-icon{background:#ffffff1a;color:var(--bg-white)}.landing-pricing-card.highlighted:hover .landing-pricing-icon{background:var(--primary)}.landing-pricing-name{position:relative;font-family:var(--font-sans);font-size:1.25rem;font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.landing-pricing-subtitle{font-size:.8125rem;color:var(--text-light)}.landing-pricing-price{text-align:center;margin-bottom:1.5rem}.landing-pricing-amount{font-size:2.5rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em;line-height:1}.landing-pricing-period{font-size:.875rem;color:var(--text-light);margin-top:.25rem}.landing-pricing-features{list-style:none;flex:1;margin-bottom:1.5rem}.landing-pricing-feature{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-size:.875rem;color:var(--text-medium)}.landing-pricing-feature svg{color:#667eea;flex-shrink:0;margin-top:2px}.landing-pricing-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:.875rem 1.5rem;background:var(--bg-alt);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all var(--transition);margin-top:auto}.landing-pricing-btn:hover{background:var(--text-dark);color:var(--bg-white)}.landing-pricing-card.highlighted .landing-pricing-btn{background:var(--gradient-primary);color:var(--bg-white);box-shadow:0 4px 15px #667eea59}.landing-pricing-card.highlighted .landing-pricing-btn:hover{box-shadow:0 6px 20px #667eea73}.landing-pricing-extras{padding:2rem;background:var(--bg-white);border-radius:var(--radius-xl);border:1px solid var(--border-light);text-align:center}.landing-pricing-extras-title{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:1.25rem}.landing-pricing-extras-grid{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap}.landing-pricing-extra{display:flex;align-items:center;gap:.5rem;color:var(--text-medium);font-size:.9375rem;font-weight:500}.landing-pricing-extra svg{color:#667eea}@media (max-width: 1024px){.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.landing-pricing-grid{grid-template-columns:1fr}.landing-pricing-card{padding:1.5rem}.landing-pricing-extras-grid{flex-direction:column;gap:.75rem;align-items:center}}.landing-cta{padding:6rem 1.5rem;background:var(--bg-alt)}.landing-cta-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.landing-cta-left{display:flex;flex-direction:column;align-items:flex-start}.landing-cta-badge{display:inline-block;padding:.5rem 1rem;background:var(--gradient-soft);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;color:#667eea;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.landing-cta-title{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.75rem);font-weight:400;color:var(--text-dark);margin-bottom:1rem;line-height:1.2}.landing-cta-subtitle{font-size:1.0625rem;color:var(--text-light);margin-bottom:2rem;line-height:1.7;max-width:450px}.landing-cta-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.landing-btn-cta-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;color:var(--bg-white);cursor:pointer;transition:all var(--transition);box-shadow:0 4px 15px #667eea59}.landing-btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea73}.landing-btn-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 1.75rem;background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all var(--transition)}.landing-btn-cta-secondary:hover{background:var(--bg-white);border-color:var(--text-dark)}.landing-cta-features{display:flex;gap:1.5rem;flex-wrap:wrap}.landing-cta-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.875rem}.landing-cta-feature svg{color:#667eea}.landing-cta-right{display:flex;justify-content:center}.landing-cta-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.landing-cta-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:var(--radius-xl);transition:all var(--transition)}.landing-cta-stat:hover{border-color:#667eea;transform:translateY(-4px);box-shadow:var(--shadow-lg)}.landing-cta-stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.5rem;letter-spacing:-.02em}.landing-cta-stat-label{font-size:.875rem;color:var(--text-light);font-weight:500}@media (max-width: 1024px){.landing-cta-container{grid-template-columns:1fr;gap:3rem;text-align:center}.landing-cta-left{align-items:center}.landing-cta-subtitle{max-width:100%}.landing-cta-features{justify-content:center}}@media (max-width: 640px){.landing-cta{padding:4rem 1rem}.landing-cta-stats{grid-template-columns:repeat(2,1fr);gap:1rem}.landing-cta-stat{padding:1.5rem 1rem}.landing-cta-stat-number{font-size:1.75rem}.landing-cta-buttons{flex-direction:column;width:100%}.landing-btn-cta-primary,.landing-btn-cta-secondary{width:100%;justify-content:center}.landing-cta-features{flex-direction:column;gap:.75rem;align-items:center}}.landing-footer{background:var(--text-dark);color:var(--text-muted);padding:3.5rem 0 1.5rem}.landing-footer-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.landing-footer-main{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;margin-bottom:2.5rem}.landing-footer-brand{max-width:380px}.landing-footer-logo{display:flex;align-items:center;gap:.625rem;margin-bottom:.875rem}.landing-footer-logo-img{width:32px;height:32px;object-fit:contain}.landing-footer-logo-text{font-size:1.125rem;font-weight:600;color:var(--bg-white)}.landing-footer-desc{font-size:.875rem;line-height:1.7;margin-bottom:1.25rem}.landing-footer-contact{display:flex;flex-direction:column;gap:.625rem}.landing-footer-contact-item{display:flex;align-items:center;gap:.625rem;font-size:.8125rem}.landing-footer-contact-item svg{flex-shrink:0;opacity:.7}.landing-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.landing-footer-links-title{font-size:.9375rem;font-weight:600;color:var(--bg-white);margin-bottom:.875rem}.landing-footer-links-list{list-style:none;display:flex;flex-direction:column;gap:.625rem}.landing-footer-links-list li button,.landing-footer-links-list li a{background:none;border:none;padding:0;font-size:.875rem;color:var(--text-muted);cursor:pointer;transition:color var(--transition);text-decoration:none}.landing-footer-links-list li button:hover,.landing-footer-links-list li a:hover{color:var(--bg-white)}.landing-footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.landing-footer-copyright,.landing-footer-social{font-size:.8125rem}@media (max-width: 1024px){.landing-footer-main{grid-template-columns:1fr;gap:2.5rem}.landing-footer-brand{max-width:none}}@media (max-width: 640px){.landing-footer-links{grid-template-columns:1fr;gap:1.5rem}.landing-footer-bottom{flex-direction:column;gap:.75rem;text-align:center}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html{scroll-behavior:smooth}::selection{background:#667eea;color:var(--bg-white)}.demo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1.5rem;animation:demoFadeIn .4s cubic-bezier(.16,1,.3,1)}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}.demo-container{display:grid;grid-template-columns:400px 520px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 25px 50px -12px #00000040,0 50px 100px -20px #00000026;animation:demoSlideUp .5s cubic-bezier(.16,1,.3,1);max-height:90vh}@keyframes demoSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.demo-visual{position:relative;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:3rem 2rem;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.demo-visual-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.demo-orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6;animation:orbFloat 8s ease-in-out infinite}.demo-orb-1{width:200px;height:200px;background:#fff6;top:-50px;right:-50px;animation-delay:0s}.demo-orb-2{width:150px;height:150px;background:#ffc8644d;bottom:20%;left:-30px;animation-delay:-3s}.demo-orb-3{width:100px;height:100px;background:#64c8ff66;bottom:-20px;right:20%;animation-delay:-5s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-20px) scale(1.1)}66%{transform:translate(-10px,15px) scale(.95)}}.demo-visual-content{position:relative;z-index:1;color:#fff;text-align:center}.demo-visual-icon{width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;border:1px solid rgba(255,255,255,.3)}.demo-visual-title{font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:1rem;text-shadow:0 2px 10px rgba(0,0,0,.1)}.demo-visual-text{font-size:1.0625rem;opacity:.9;line-height:1.6;margin-bottom:2.5rem}.demo-visual-stats{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.2)}.demo-stat{text-align:center}.demo-stat-number{display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.demo-stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.demo-stat-divider{width:1px;height:40px;background:#ffffff4d}.demo-form-panel{padding:2.25rem 2.5rem;position:relative;overflow-y:auto;background:linear-gradient(180deg,#fff,#f8fafc);border-left:1px solid #eef2f7}.demo-close{position:absolute;top:1.25rem;right:1.25rem;width:36px;height:36px;border:none;background:#f8fafc;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease}.demo-close:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.demo-form-header{margin-bottom:1.25rem}.demo-form-badge{display:inline-block;padding:.3rem .75rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;margin-bottom:.75rem}.demo-form-title{font-size:1.5rem;font-weight:700;color:#0f172a;line-height:1.3;letter-spacing:-.02em}.demo-form{display:flex;flex-direction:column;gap:1rem}.demo-field{position:relative}.demo-field-row{display:flex;gap:.75rem;align-items:stretch}.demo-field-small{flex-shrink:0;min-width:96px}.demo-field-grow{flex:1}.demo-input,.demo-select{width:100%;padding:1rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font-size:1.05rem;color:#0f172a;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;min-height:50px;box-sizing:border-box}.demo-input:focus,.demo-select:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1f}.demo-input.error,.demo-select.error{border-color:#ef4444;background:#fff5f5}.demo-label{position:absolute;left:1rem;top:.95rem;font-size:.95rem;color:#94a3b8;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:left}.demo-input:focus~.demo-label,.demo-input:not(:placeholder-shown)~.demo-label,.demo-input.has-value~.demo-label{top:.3rem;font-size:.68rem;color:#667eea;font-weight:500}.demo-input-line{position:absolute;bottom:5px;left:12px;width:calc(100% - 24px);height:2px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .2s ease;border-radius:999px;display:none}.demo-input:focus~.demo-input-line{opacity:1}.demo-select-mini{width:100%;padding:.75rem .65rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:.9375rem;color:#475569;cursor:pointer;outline:none;transition:all .2s ease;min-height:50px;box-sizing:border-box}.demo-select-mini:focus{border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1f}.demo-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;padding-right:2.25rem;cursor:pointer}.demo-select.has-value{color:#0f172a}.demo-error{font-size:.75rem;color:#ef4444;margin-top:.35rem;display:block}.demo-submit{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.9rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);margin-top:.5rem;box-shadow:0 4px 15px #667eea66}.demo-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.demo-submit:active{transform:translateY(0)}.demo-submit svg{transition:transform .3s ease}.demo-submit:hover svg{transform:translate(4px)}.demo-privacy{text-align:center;font-size:.75rem;color:#64748b;margin-top:1rem}.trial-container{display:grid;grid-template-columns:400px 520px;background:#1a1d29;border-radius:24px;overflow:hidden;box-shadow:0 25px 80px #00000080;animation:demoFadeIn .3s ease,demoSlideUp .4s ease;max-height:90vh;overflow-y:auto}.trial-visual{background:linear-gradient(135deg,#10b981,#059669,#047857);padding:3rem 2.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;min-height:500px}.trial-info-panel{padding:3rem;position:relative;display:flex;flex-direction:column}.trial-info-header{margin-bottom:2rem}.trial-features-list{display:flex;flex-direction:column;gap:1.25rem;flex:1}.trial-feature-item{display:flex;gap:1rem;align-items:flex-start;padding:1rem;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.06);transition:all .3s ease}.trial-feature-item:hover{background:#ffffff0f;border-color:#10b9814d;transform:translate(4px)}.trial-feature-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#10b98133,#05966933);display:flex;align-items:center;justify-content:center;flex-shrink:0}.trial-feature-icon svg{color:#10b981}.trial-feature-content h4{font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.trial-feature-content p{font-size:.875rem;color:#94a3b8;line-height:1.5}.trial-actions{margin-top:2rem;text-align:center}.trial-note{font-size:.8rem;color:#64748b;margin-top:1rem}@media (max-width: 960px){.trial-container{grid-template-columns:1fr;max-width:520px}.trial-visual{padding:2.5rem 2rem;min-height:auto}.trial-info-panel{padding:2.5rem}}@media (max-width: 560px){.trial-container{max-width:100%}.trial-info-panel{padding:1.75rem}.trial-feature-item{padding:.75rem}}@media (max-width: 960px){.demo-container{grid-template-columns:1fr;max-width:520px}.demo-visual{padding:2.5rem 2rem;min-height:auto}.demo-visual-title{font-size:1.5rem}.demo-visual-stats{padding:1rem}.demo-form-panel{padding:2.5rem}}@media (max-width: 560px){.demo-overlay{padding:.75rem}.demo-container{max-width:100%}.demo-form-panel{padding:1.75rem}.demo-form-title,.demo-visual-title{font-size:1.25rem}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.react-calendar{width:100%;max-width:100%;background:var(--white-100, white);border:1px solid var(--gray-200, #e2e8f0);font-family:inherit;line-height:1.125em;border-radius:12px;padding:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dark-mode .react-calendar{background:var(--dark-800, #1f2937);border-color:var(--dark-700, #374151);color:var(--gray-100, #f3f4f6)}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none;font-weight:600;font-size:16px;color:var(--dark-500, #111827);border-radius:8px}.dark-mode .react-calendar__navigation button{color:var(--gray-100, #f3f4f6)}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:var(--gray-100, #f3f4f6)}.dark-mode .react-calendar__navigation button:enabled:hover,.dark-mode .react-calendar__navigation button:enabled:focus{background-color:var(--dark-700, #374151)}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font-weight:600;font-size:.75em;color:var(--gray-500, #6b7280);padding-bottom:8px}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:.75em;font-weight:700}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;line-height:16px;font-size:14px;border-radius:8px;position:relative;height:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;transition:all .2s ease;border:1px solid transparent}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:var(--gray-50, #f9fafb);border-color:var(--gray-200, #e5e7eb)}.dark-mode .react-calendar__tile:enabled:hover,.dark-mode .react-calendar__tile:enabled:focus{background-color:var(--dark-700, #374151);border-color:var(--dark-600, #4b5563)}.react-calendar__tile--now{background:var(--blue-50, #eff6ff);color:var(--primary-600, #2563eb);font-weight:700}.dark-mode .react-calendar__tile--now{background:#2563eb33;color:var(--primary-400, #60a5fa)}.react-calendar__tile--active{background:var(--primary-600, #2563eb);color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:var(--primary-700, #1d4ed8)}.react-calendar__month-view__days__day--neighboringMonth{color:var(--gray-300, #d1d5db)}.dark-mode .react-calendar__month-view__days__day--neighboringMonth{color:var(--dark-600, #4b5563)}.calendar-tile-content{width:100%;flex:1;display:flex;flex-direction:column;gap:2px;margin-top:4px}.calendar-marker{width:100%;padding:2px 4px;border-radius:4px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.marker-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.status-present{background-color:#d1fae5;color:#065f46}.dark-mode .status-present{background-color:#065f464d;color:#6ee7b7}.status-absent{background-color:#fee2e2;color:#991b1b}.dark-mode .status-absent{background-color:#991b1b4d;color:#fca5a5}.status-leave{background-color:#fef3c7;color:#92400e}.dark-mode .status-leave{background-color:#92400e4d;color:#fcd34d}.status-holiday{background-color:#e0e7ff;color:#3730a3}.dark-mode .status-holiday{background-color:#3730a34d;color:#a5b4fc}.status-leave-pending{background-color:#fff7ed;color:#c2410c;border:1px solid transparent}.dark-mode .status-leave-pending{background-color:#c2410c33;color:#fdba74}.status-leave-approved{background-color:#ecfccb;color:#3f6212;border:1px solid transparent}.dark-mode .status-leave-approved{background-color:#3f621233;color:#bef264}.status-leave-rejected{background-color:#f3f4f6;color:#4b5563;border:1px solid transparent}.dark-mode .status-leave-rejected{background-color:#4b556333;color:#9ca3af}.weekend-tile{background-color:#f8fafc!important}.dark-mode .weekend-tile{background-color:#1e293b!important}.holiday-tile{background-color:#eff6ff!important;border-color:#bfdbfe!important}.dark-mode .holiday-tile{background-color:#2563eb1a!important;border-color:#2563eb4d!important}.disabled-tile{cursor:not-allowed!important;opacity:.8}.weekend-tile.disabled-tile{border:1px dashed #e2e8f0}.dark-mode .weekend-tile.disabled-tile{border:1px dashed #334155}.notice-board-container{padding:0;margin:0;width:100%;min-height:100%}.stats-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:16px;margin-bottom:24px;padding:24px 24px 0}@media (min-width: 640px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 1536px){.stats-grid{grid-template-columns:repeat(6,1fr)}}.stat-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 1px 3px #0000001a;transition:transform .2s,box-shadow .2s;border:1px solid #f3f4f6;display:flex;flex-direction:column;justify-content:space-between}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.stat-title{color:#6b7280;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.stat-value{font-size:1.5rem;font-weight:700;color:#111827}.stat-icon-wrapper{padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center}.bg-emerald-50{background-color:#ecfdf5}.bg-indigo-50{background-color:#eef2ff}.bg-rose-50{background-color:#fff1f2}.text-blue-600{color:#2563eb}.text-emerald-600{color:#059669}.text-indigo-600{color:#4f46e5}.text-rose-600{color:#e11d48}.control-row{display:flex;flex-direction:column;gap:16px;background:#fff;margin:0 24px 24px;padding:16px;border-radius:16px;border:1px solid #f3f4f6;box-shadow:0 1px 3px #0000000d}@media (min-width: 1024px){.control-row{flex-direction:row;align-items:center;justify-content:space-between}}.controls-left{display:flex;flex-direction:column;gap:16px;flex:1;width:100%}@media (min-width: 768px){.controls-left{flex-direction:row;align-items:center}}.search-wrapper{position:relative;width:100%}@media (min-width: 768px){.search-wrapper{max-width:320px}}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:10px 12px 10px 40px;border-radius:10px;border:1px solid #e5e7eb;font-size:.875rem;transition:all .2s}.search-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.tabs-wrapper{display:flex;gap:4px;overflow-x:auto;padding-bottom:2px;white-space:nowrap;width:100%;scrollbar-width:none}.tabs-wrapper::-webkit-scrollbar{display:none}.filter-tab{padding:8px 14px;border-radius:8px;font-size:.8125rem;font-weight:500;transition:all .2s;color:#6b7280;background:transparent;border:1px solid transparent;cursor:pointer}.filter-tab.active{background:#4f46e5;color:#fff}.filter-tab:hover:not(.active){background:#f3f4f6;color:#111827}.create-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#4f46e5;color:#fff;padding:10px 20px;border-radius:10px;font-weight:600;font-size:.875rem;transition:all .2s;border:none;cursor:pointer;white-space:nowrap;width:100%}@media (min-width: 1024px){.create-btn{width:auto}}.create-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.notices-grid{display:grid;grid-template-columns:1fr;gap:16px;padding:0 24px 24px}@media (min-width: 640px){.notices-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width: 1280px){.notices-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}.notice-card{background:#fff;border-radius:16px;border:1px solid #f3f4f6;padding:20px;display:flex;flex-direction:column;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.notice-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a}.notice-card.pinned{border-left:4px solid #6366f1;background:#fbfbff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-category{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.02em}.category-general{background:#f3f4f6;color:#4b5563}.category-announcement{background:#e0f2fe;color:#0369a1}.category-policy{background:#fef3c7;color:#92400e}.category-event{background:#dcfce7;color:#166534}.category-maintenance{background:#fee2e2;color:#991b1b}.category-urgent{background:#ffedd5;color:#9a3412}.card-title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.3}.card-content{font-size:.875rem;color:#4b5563;line-height:1.5;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;border-top:1px solid #f9fafb}.card-date{font-size:.75rem;color:#9ca3af;display:flex;align-items:center;gap:4px}.card-actions{display:flex;gap:4px}.action-btn{padding:8px;border-radius:8px;color:#9ca3af;transition:all .2s;background:transparent;border:none;cursor:pointer}.action-btn:hover{background:#f3f4f6;color:#4f46e5}.action-btn.delete:hover{background:#fff1f2;color:#e11d48}.action-btn.pin.active{color:#4f46e5;background:#eef2ff}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-container{background:#fff;width:100%;max-width:640px;border-radius:24px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-height:90vh}.modal-header{padding:20px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:700;color:#0f172a}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid #f1f5f9;display:flex;gap:12px;background:#f8fafc}.form-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 640px){.form-grid-2cols{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.8125rem;font-weight:600;color:#475569}.form-input,.form-select,.form-textarea{padding:10px 14px;border-radius:12px;border:1px solid #e2e8f0;font-size:.875rem;transition:all .2s;background:#fff;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a}.checkbox-row{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:#f8fafc;border-radius:16px;border:1px solid #f1f5f9}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:500;color:#475569;cursor:pointer}.checkbox-input{width:18px;height:18px;accent-color:#4f46e5}.empty-state{text-align:center;padding:80px 24px;background:#fff;border-radius:24px;border:2px dashed #e2e8f0;margin:0 24px}.empty-icon{margin-bottom:20px;color:#cbd5e1}.empty-title{font-size:1.125rem;font-weight:700;color:#1e293b}.empty-subtitle{font-size:.875rem;color:#64748b;margin-top:6px}.gap-2{gap:8px}.font-600{font-weight:600}:root{--primary: #4F46E5;--primary-light: #818CF8;--primary-dark: #3730A3;--secondary: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-input: #F1F5F9;--border-color: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}.exit-management-wrapper{background-color:var(--bg-main);min-height:100vh;width:100%}.exit-management-container{width:100%;margin:0;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.premium-card{background:var(--bg-card);padding:1rem 1.25rem;border-radius:.75rem;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;gap:.25rem;position:relative;overflow:hidden}.premium-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--card-accent, var(--primary))}.premium-card .stat-title{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.premium-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:.25rem 0}.premium-card .stat-sub{font-size:.75rem;color:var(--text-muted)}.search-filter-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}.search-wrapper{position:relative;flex:1}.search-wrapper input{width:100%;padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s ease}.search-wrapper input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.filter-section{display:flex;gap:.5rem;flex-wrap:nowrap}.tab-trigger{padding:.5rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-trigger.active{background:var(--primary);color:#fff;border-color:var(--primary)}.responsive-table-container{background:var(--bg-card);border-radius:1rem;border:1px solid var(--border-color);overflow:hidden}.modern-table{width:100%;border-collapse:collapse}.modern-table th{text-align:left;padding:1rem 1.5rem;background:#f8fafc;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border-color)}.modern-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.modern-table tr:last-child td{border-bottom:none}.employee-cell{display:flex;align-items:center;gap:1rem}.avatar-initial{width:40px;height:40px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.emp-name{font-weight:600;color:var(--text-primary)}.emp-details{font-size:.75rem;color:var(--text-muted)}.status-chip{padding:.4rem 1rem;border-radius:2rem;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-input);color:var(--text-primary)}.process-action-btns{display:flex;gap:.5rem;justify-content:flex-end}.table-action-btn{padding:.5rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.table-action-btn:hover{background:#f8fafc;border-color:var(--primary-light);color:var(--primary)}.header-right-actions{display:flex;gap:1rem;align-items:center}.badge-hr-admin{background:var(--primary-light);color:#fff;padding:.4rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:700}.btn-export{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;cursor:pointer}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.exit-management-container{padding:1rem}.flex.justify-between.items-start,.flex.justify-between.items-center{flex-direction:column;gap:1rem}.search-filter-area{flex-direction:column;align-items:stretch;gap:1rem}.filter-section{overflow-x:auto;padding-bottom:.5rem}}.modal-overlay{background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content-premium{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-color)}.details-modal-header{padding:2rem;background:#f8fafc;border-bottom:1px solid var(--border-color)}.admin-comments-area{padding:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);outline:none;resize:vertical}.admin-comments-area:focus{border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.lwd-modal-container{background:#fff;padding:2.5rem;border-radius:2rem;width:100%;max-width:450px;border:1px solid var(--border-color)}.date-input-premium{width:100%;padding:1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-weight:600;font-size:1rem;transition:all .2s ease}.date-input-premium:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px #4f46e51a}.invite-page-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fafaf9;font-family:DM Sans,sans-serif;padding:20px}.invite-page-wrapper *,.invite-page-wrapper *:before,.invite-page-wrapper *:after{box-sizing:border-box}.invite-card-new{width:100%;max-width:380px;background:#fff;border:1px solid #e8e6e1;border-radius:16px;padding:40px 36px;box-shadow:0 2px 16px #0000000f}.invite-brand{display:flex;align-items:center;gap:10px;margin-bottom:36px}.invite-brand-dot{width:9px;height:9px;background:#1a1a1a;border-radius:50%}.invite-brand-name{font-size:14px;font-weight:600;color:#1a1a1a;letter-spacing:.02em}.invite-card-new h1{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:6px;margin-top:0}.invite-sub{font-size:13px;color:#888;margin-bottom:32px}.invite-sub strong{color:#555;font-weight:500}.invite-field{margin-bottom:16px}.invite-field label{display:block;font-size:11px;font-weight:600;color:#999;margin-bottom:7px;letter-spacing:.06em;text-transform:uppercase}.invite-input-wrap{position:relative}.invite-input-wrap input{width:100%;background:#fafaf9;border:1px solid #e8e6e1;border-radius:10px;padding:12px 40px 12px 14px;font-size:14px;font-family:inherit;color:#1a1a1a;transition:border-color .15s,box-shadow .15s;outline:none}.invite-input-wrap input::placeholder{color:#c5c3be}.invite-input-wrap input:focus{border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a12}.invite-eye-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#bbb;display:flex;align-items:center;padding:2px;transition:color .15s}.invite-eye-btn:hover{color:#555}.invite-eye-btn svg{width:15px;height:15px}.invite-error-box{background:#fff5f5;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:18px;display:none}.invite-error-box.show{display:block}.invite-btn{width:100%;background:#1a1a1a;color:#fff;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,transform .1s}.invite-btn:hover:not(:disabled){background:#333}.invite-btn:active:not(:disabled){transform:scale(.99)}.invite-btn:disabled{opacity:.7;cursor:not-allowed}.invite-footer{margin-top:28px;text-align:center;font-size:13px;color:#aaa}.invite-footer a{color:#1a1a1a;font-weight:500;text-decoration:underline;text-underline-offset:2px;cursor:pointer}@media (max-width: 420px){.invite-card-new{padding:32px 20px}}.invite-spinner-new{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:inviteSpinNew .8s linear infinite}.invite-spinner-dark{width:36px;height:36px;border:3px solid rgba(26,26,26,.1);border-radius:50%;border-top-color:#1a1a1a;animation:inviteSpinNew .8s linear infinite;margin:0 auto 16px}@keyframes inviteSpinNew{to{transform:rotate(360deg)}}.asset-page{--asset-radius: 12px;--asset-radius-lg: 16px;--asset-shadow: 0 1px 3px rgba(0, 0, 0, .06);--asset-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--asset-shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--asset-transition: .2s ease;--asset-primary: var(--primary-500, #7C5BBF);--asset-primary-hover: var(--primary-600, #6B4DB0);--asset-surface: var(--white-5, #ffffff);--asset-border: rgba(0, 0, 0, .08);--asset-text: var(--dark-500, #1a1a1a);--asset-text-muted: var(--gray-500, #64748b);background:var(--light-10, #f8fafc)}.asset-page .page-content{padding:24px;width:100%;max-width:100%;box-sizing:border-box}.asset-header-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:24px;padding:20px 24px;background:var(--asset-surface);border-radius:var(--asset-radius-lg);border:1px solid var(--asset-border);box-shadow:var(--asset-shadow)}.asset-header-bar h1{font-size:1.5rem;font-weight:700;color:var(--asset-text);margin:0;letter-spacing:-.02em;line-height:1.3}.asset-header-bar .asset-subtitle{font-size:.875rem;color:var(--asset-text-muted);margin:4px 0 0;font-weight:400}.asset-cta{display:inline-flex;align-items:center;gap:.5rem;padding:10px 20px;background:var(--asset-primary);color:#fff;border:none;border-radius:var(--asset-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:background var(--asset-transition),transform .15s ease,box-shadow var(--asset-transition);box-shadow:0 2px 8px #7c5bbf40}.asset-cta:hover{background:var(--asset-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c5bbf4d}.asset-cta:active{transform:translateY(0)}.asset-cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.asset-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.asset-stat-card{background:var(--asset-surface);border-radius:var(--asset-radius-lg);padding:20px;border:1px solid var(--asset-border);box-shadow:var(--asset-shadow);transition:box-shadow var(--asset-transition),border-color var(--asset-transition);display:flex;align-items:flex-start;gap:16px}.asset-stat-card:hover{box-shadow:var(--asset-shadow-md);border-color:#0000001a}.asset-stat-card .stat-icon-wrap{width:48px;height:48px;border-radius:var(--asset-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.asset-stat-card .stat-label{font-size:.75rem;font-weight:600;color:var(--asset-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.asset-stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--asset-text);letter-spacing:-.03em;line-height:1.2}.asset-stat-card.stat-total .stat-icon-wrap{background:linear-gradient(135deg,#7c5bbf26,#7c5bbf14);color:var(--asset-primary)}.asset-stat-card.stat-available .stat-icon-wrap{background:linear-gradient(135deg,#05966926,#05966914);color:#059669}.asset-stat-card.stat-assigned .stat-icon-wrap{background:linear-gradient(135deg,#2563eb26,#2563eb14);color:#2563eb}.asset-stat-card.stat-maintenance .stat-icon-wrap{background:linear-gradient(135deg,#d9770626,#d9770614);color:#d97706}.asset-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:var(--asset-surface);border-radius:var(--asset-radius-lg);border:1px solid var(--asset-border);box-shadow:var(--asset-shadow)}.asset-search-wrap{flex:1;min-width:240px;max-width:400px;position:relative}.asset-search-wrap svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--asset-text-muted);pointer-events:none}.asset-search-wrap input{width:100%;padding:10px 16px 10px 42px;border:1px solid var(--asset-border);border-radius:var(--asset-radius);font-size:.875rem;background:var(--asset-surface);color:var(--asset-text);transition:border-color var(--asset-transition),box-shadow var(--asset-transition)}.asset-search-wrap input:focus{outline:none;border-color:var(--asset-primary);box-shadow:0 0 0 3px #7c5bbf1f}.asset-search-wrap input::placeholder{color:var(--asset-text-muted)}.asset-filter-select{padding:10px 36px 10px 14px;border:1px solid var(--asset-border);border-radius:var(--asset-radius);font-size:.875rem;background:var(--asset-surface);color:var(--asset-text);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='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color var(--asset-transition)}.asset-filter-select:focus{outline:none;border-color:var(--asset-primary)}.asset-toolbar .asset-icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--asset-border);border-radius:var(--asset-radius);background:var(--asset-surface);color:var(--asset-text-muted);cursor:pointer;transition:border-color var(--asset-transition),background var(--asset-transition),color var(--asset-transition)}.asset-toolbar .asset-icon-btn:hover{border-color:var(--asset-primary);background:#7c5bbf14;color:var(--asset-primary)}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.asset-card{background:var(--asset-surface);border-radius:var(--asset-radius-lg);padding:20px;border:1px solid var(--asset-border);box-shadow:var(--asset-shadow);transition:box-shadow var(--asset-transition),border-color var(--asset-transition),transform .2s ease;display:flex;flex-direction:column}.asset-card:hover{box-shadow:var(--asset-shadow-md);border-color:#0000001a;transform:translateY(-2px)}.asset-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.asset-card-icon{width:52px;height:52px;border-radius:var(--asset-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(135deg,#7c5bbf1a,#7c5bbf0d);color:var(--asset-primary)}.asset-card-type-badge{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:6px;background:var(--light-10, #f1f5f9);color:var(--asset-text-muted)}.asset-card-title{font-size:1.0625rem;font-weight:600;color:var(--asset-text);margin:0 0 6px;line-height:1.35}.asset-card-meta{font-size:.8125rem;color:var(--asset-text-muted);margin-bottom:12px;line-height:1.4}.asset-card-status{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:12px;width:fit-content}.asset-card-assignee{display:flex;align-items:center;gap:10px;font-size:.8125rem;color:var(--asset-text);margin-top:4px;padding:8px 0}.asset-card-assignee .avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--asset-primary),var(--asset-primary-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.asset-card-actions{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid var(--asset-border)}.asset-card-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 12px;border:none;border-radius:var(--asset-radius);background:var(--light-10, #f1f5f9);color:var(--asset-text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background var(--asset-transition),color var(--asset-transition)}.asset-card-actions button:hover{background:#00000014;color:var(--asset-text)}.asset-card-actions button.asset-action-assign:hover{background:#2563eb1f;color:#2563eb}.asset-card-actions button.asset-action-return:hover{background:#f59e0b1f;color:#d97706}.asset-card-actions button.asset-action-delete:hover{background:#dc26261a;color:#dc2626}.asset-empty{text-align:center;padding:64px 32px;background:var(--asset-surface);border-radius:var(--asset-radius-lg);border:2px dashed var(--asset-border)}.asset-empty-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:24px;background:linear-gradient(135deg,#7c5bbf14,#7c5bbf0a);color:var(--asset-primary);display:flex;align-items:center;justify-content:center}.asset-empty h3{font-size:1.25rem;font-weight:600;color:var(--asset-text);margin:0 0 8px}.asset-empty p{font-size:.9375rem;color:var(--asset-text-muted);max-width:400px;margin:0 auto 24px}.asset-empty .asset-cta{margin-top:8px}.asset-skeleton{border-radius:var(--asset-radius-lg);background:linear-gradient(90deg,var(--light-10, #f1f5f9) 0%,rgba(255,255,255,.8) 50%,var(--light-10, #f1f5f9) 100%);background-size:200% 100%;animation:asset-shimmer 1.4s ease-in-out infinite}@keyframes asset-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.asset-skeleton-card{height:260px}.asset-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:asset-fadeIn .2s ease}@keyframes asset-fadeIn{0%{opacity:0}to{opacity:1}}.asset-modal{background:var(--asset-surface);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000026;border:1px solid var(--asset-border);animation:asset-modalIn .25s ease}@keyframes asset-modalIn{0%{opacity:0;transform:scale(.97) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.asset-modal-header{padding:16px 20px 0;margin-bottom:4px}.asset-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--asset-text);margin:0;letter-spacing:-.02em}.asset-modal-body{padding:0 20px 16px}.asset-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;row-gap:12px}.asset-form-grid.full{grid-template-columns:1fr}.asset-modal-body .asset-field{display:flex;flex-direction:column;align-items:stretch;margin-bottom:0}.asset-modal-body .asset-field label{display:block;font-size:.8125rem;font-weight:600;color:var(--asset-text);margin:0 0 5px;line-height:1.3;order:1}.asset-modal-body .asset-field input,.asset-modal-body .asset-field select,.asset-modal-body .asset-field textarea{order:2;width:100%;padding:8px 12px;border:1px solid var(--asset-border);border-radius:var(--asset-radius);font-size:.875rem;background:var(--asset-surface);color:var(--asset-text);transition:border-color var(--asset-transition),box-shadow var(--asset-transition);box-sizing:border-box}.asset-modal-body .asset-field input:focus,.asset-modal-body .asset-field select:focus,.asset-modal-body .asset-field textarea:focus{outline:none;border-color:var(--asset-primary);box-shadow:0 0 0 3px #7c5bbf1f}.asset-modal-body .asset-field textarea{min-height:60px;resize:vertical}.asset-modal-body form .asset-field+.asset-field,.asset-modal-body form .asset-form-grid+.asset-field{margin-top:12px}.asset-modal-actions{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--asset-border)}.asset-modal-actions button{flex:1;padding:10px 16px;border-radius:var(--asset-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--asset-transition),border-color var(--asset-transition)}.asset-modal-actions .asset-btn-secondary{background:var(--asset-surface);border:1px solid var(--asset-border);color:var(--asset-text)}.asset-modal-actions .asset-btn-secondary:hover{background:var(--light-10, #f1f5f9);border-color:#00000026}.asset-modal-actions .asset-btn-primary{background:var(--asset-primary);border:none;color:#fff}.asset-modal-actions .asset-btn-primary:hover:not(:disabled){background:var(--asset-primary-hover)}.asset-modal-actions .asset-btn-primary:disabled{opacity:.65;cursor:not-allowed}@media (max-width: 1024px){.asset-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.asset-page .page-content,.asset-header-bar{padding:16px}.asset-stats{grid-template-columns:1fr;gap:12px}.asset-toolbar{flex-direction:column;align-items:stretch}.asset-search-wrap{max-width:none}.asset-form-grid{grid-template-columns:1fr}.asset-grid{grid-template-columns:1fr;gap:16px}.asset-card-actions button span.asset-btn-label{display:none}}.expense-page{--expense-radius: 12px;--expense-radius-lg: 16px;--expense-shadow: 0 1px 3px rgba(0, 0, 0, .06);--expense-shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--expense-primary: var(--primary-500, #7C5BBF);--expense-primary-hover: var(--primary-600, #6B4DB0);--expense-surface: var(--white-5, #ffffff);--expense-border: rgba(0, 0, 0, .08);--expense-text: var(--dark-500, #1a1a1a);--expense-text-muted: var(--gray-500, #64748b);background:var(--light-10, #f8fafc)}.expense-page .page-content{padding:24px;width:100%;max-width:100%;box-sizing:border-box}.expense-header-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:24px;padding:20px 24px;background:var(--expense-surface);border-radius:var(--expense-radius-lg);border:1px solid var(--expense-border);box-shadow:var(--expense-shadow)}.expense-header-bar h1{font-size:1.5rem;font-weight:700;color:var(--expense-text);margin:0;letter-spacing:-.02em}.expense-header-bar .expense-subtitle{font-size:.875rem;color:var(--expense-text-muted);margin:4px 0 0}.expense-cta{display:inline-flex;align-items:center;gap:.5rem;padding:10px 20px;background:var(--expense-primary);color:#fff;border:none;border-radius:var(--expense-radius);font-weight:600;font-size:.875rem;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease;box-shadow:0 2px 8px #7c5bbf40}.expense-cta:hover{background:var(--expense-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #7c5bbf4d}.expense-cta:disabled{opacity:.65;cursor:not-allowed;transform:none}.expense-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.expense-stat-card{background:var(--expense-surface);border-radius:var(--expense-radius-lg);padding:20px;border:1px solid var(--expense-border);box-shadow:var(--expense-shadow);transition:box-shadow .2s ease,border-color .2s ease}.expense-stat-card:hover{box-shadow:var(--expense-shadow-md);border-color:#0000001a}.expense-stat-card .stat-label{font-size:.75rem;font-weight:600;color:var(--expense-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.expense-stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--expense-text);letter-spacing:-.03em;line-height:1.2}.expense-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;background:var(--expense-surface);border-radius:var(--expense-radius-lg);border:1px solid var(--expense-border);box-shadow:var(--expense-shadow)}.expense-filter-select{padding:10px 36px 10px 14px;border:1px solid var(--expense-border);border-radius:var(--expense-radius);font-size:.875rem;background:var(--expense-surface);color:var(--expense-text);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='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.expense-toolbar .expense-icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--expense-border);border-radius:var(--expense-radius);background:var(--expense-surface);color:var(--expense-text-muted);cursor:pointer;transition:border-color .2s,background .2s,color .2s}.expense-toolbar .expense-icon-btn:hover{border-color:var(--expense-primary);background:#7c5bbf14;color:var(--expense-primary)}.expense-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.expense-card{background:var(--expense-surface);border-radius:var(--expense-radius-lg);padding:20px;border:1px solid var(--expense-border);box-shadow:var(--expense-shadow);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.expense-card:hover{box-shadow:var(--expense-shadow-md);border-color:#0000001a;transform:translateY(-2px)}.expense-card-title{font-size:1.0625rem;font-weight:600;color:var(--expense-text);margin:0 0 8px;line-height:1.35}.expense-card-meta{font-size:.8125rem;color:var(--expense-text-muted);margin-bottom:12px}.expense-card-amount{font-size:1.25rem;font-weight:700;color:var(--expense-primary);margin-bottom:12px}.expense-card-status{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:999px;margin-bottom:12px;width:fit-content}.expense-card-actions{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--expense-border)}.expense-card-actions button{flex:1;padding:8px 14px;border:none;border-radius:var(--expense-radius);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.expense-card-actions .expense-btn-approve{background:#059669;color:#fff}.expense-card-actions .expense-btn-approve:hover{background:#047857}.expense-card-actions .expense-btn-reject{background:var(--light-10, #f1f5f9);color:#dc2626}.expense-card-actions .expense-btn-reject:hover{background:#fee2e2}.expense-empty{text-align:center;padding:64px 32px;background:var(--expense-surface);border-radius:var(--expense-radius-lg);border:2px dashed var(--expense-border)}.expense-empty-icon{width:80px;height:80px;margin:0 auto 24px;border-radius:24px;background:linear-gradient(135deg,#7c5bbf14,#7c5bbf0a);color:var(--expense-primary);display:flex;align-items:center;justify-content:center}.expense-empty h3{font-size:1.25rem;font-weight:600;color:var(--expense-text);margin:0 0 8px}.expense-empty p{font-size:.9375rem;color:var(--expense-text-muted);margin:0}.expense-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:expense-fadeIn .2s ease}@keyframes expense-fadeIn{0%{opacity:0}to{opacity:1}}.expense-modal{background:var(--expense-surface);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000026;border:1px solid var(--expense-border);animation:expense-modalIn .25s ease}@keyframes expense-modalIn{0%{opacity:0;transform:scale(.97) translateY(-12px)}to{opacity:1;transform:scale(1) translateY(0)}}.expense-modal-header{padding:16px 20px 0;margin-bottom:4px}.expense-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--expense-text);margin:0}.expense-modal-body{padding:0 20px 16px}.expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;row-gap:12px}.expense-modal-body .expense-field{display:flex;flex-direction:column;margin-bottom:0}.expense-modal-body .expense-field label{display:block;font-size:.8125rem;font-weight:600;color:var(--expense-text);margin:0 0 5px;order:1}.expense-modal-body .expense-field input,.expense-modal-body .expense-field select,.expense-modal-body .expense-field textarea{order:2;width:100%;padding:8px 12px;border:1px solid var(--expense-border);border-radius:var(--expense-radius);font-size:.875rem;background:var(--expense-surface);color:var(--expense-text);box-sizing:border-box}.expense-modal-body .expense-field input:focus,.expense-modal-body .expense-field select:focus,.expense-modal-body .expense-field textarea:focus{outline:none;border-color:var(--expense-primary);box-shadow:0 0 0 3px #7c5bbf1f}.expense-modal-body form .expense-field+.expense-field,.expense-modal-body form .expense-form-grid+.expense-field,.expense-modal-body form .expense-items-block+.expense-field{margin-top:12px}.expense-items-block,.expense-items-block .expense-field{margin-top:12px}.expense-item-row{display:grid;grid-template-columns:minmax(140px,1.2fr) minmax(160px,1.2fr) 120px 120px minmax(200px,1.6fr) 40px;gap:10px;align-items:start;margin-bottom:10px}.expense-item-row .expense-field{margin:0}.expense-item-row input[type=file]{padding:6px 0;font-size:.8125rem}.expense-modal-actions{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid var(--expense-border)}.expense-modal-actions button{flex:1;padding:10px 16px;border-radius:var(--expense-radius);font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.expense-modal-actions .expense-btn-secondary{background:var(--expense-surface);border:1px solid var(--expense-border);color:var(--expense-text)}.expense-modal-actions .expense-btn-secondary:hover{background:var(--light-10, #f1f5f9)}.expense-modal-actions .expense-btn-primary{background:var(--expense-primary);border:none;color:#fff}.expense-modal-actions .expense-btn-primary:hover:not(:disabled){background:var(--expense-primary-hover)}.expense-modal-actions .expense-btn-primary:disabled{opacity:.65;cursor:not-allowed}.expense-detail-section{margin-bottom:16px}.expense-detail-section h4{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--expense-text-muted);margin:0 0 8px}.expense-detail-items table{width:100%;border-collapse:collapse;font-size:.875rem}.expense-detail-items th,.expense-detail-items td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--expense-border)}.expense-detail-items th{font-weight:600;color:var(--expense-text-muted)}.expense-detail-items td{color:var(--expense-text)}.expense-skeleton{border-radius:var(--expense-radius-lg);background:linear-gradient(90deg,#f1f5f9,#fffc,#f1f5f9);background-size:200% 100%;animation:expense-shimmer 1.4s ease-in-out infinite}@keyframes expense-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.expense-skeleton-card{height:180px}@media (max-width: 1024px){.expense-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.expense-page .page-content{padding:16px}.expense-stats,.expense-grid,.expense-form-grid,.expense-item-row{grid-template-columns:1fr}.expense-item-row .expense-item-remove{grid-column:span 1;justify-self:flex-end}}/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container.ql-disabled .ql-editor ul[data-checked]>li:before{pointer-events:none}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor ul,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ul{padding-left:1.5em}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li:before{content:"•"}.ql-editor ul[data-checked=true],.ql-editor ul[data-checked=false]{pointer-events:none}.ql-editor ul[data-checked=true]>li *,.ql-editor ul[data-checked=false]>li *{pointer-events:all}.ql-editor ul[data-checked=true]>li:before,.ql-editor ul[data-checked=false]>li:before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li:before{content:"☑"}.ql-editor ul[data-checked=false]>li:before{content:"☐"}.ql-editor li:before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl):before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl:before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul li:not(.ql-direction-rtl){padding-left:1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) ". "}.ql-editor ol li.ql-indent-1{counter-increment:list-1}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}.ql-editor ol li.ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2{counter-increment:list-2}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) ". "}.ql-editor ol li.ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3{counter-increment:list-3}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) ". "}.ql-editor ol li.ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4{counter-increment:list-4}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}.ql-editor ol li.ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5{counter-increment:list-5}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) ". "}.ql-editor ol li.ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-6{counter-increment:list-6}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) ". "}.ql-editor ol li.ql-indent-6{counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-7{counter-increment:list-7}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}.ql-editor ol li.ql-indent-7{counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-8{counter-increment:list-8}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) ". "}.ql-editor ol li.ql-indent-8{counter-reset:list-9}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer: coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0px}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0px;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.help-page{background-color:#f9fafb;min-height:100vh}.help-hero{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:60px 20px;text-align:center;margin-bottom:40px;border-radius:0 0 24px 24px}.help-hero-content{max-width:800px;margin:0 auto}.help-hero-icon{margin-bottom:20px;opacity:.9}.help-hero h1{font-size:36px;font-weight:700;margin-bottom:12px}.help-hero p{font-size:18px;opacity:.9;margin-bottom:30px}.help-search{display:flex;align-items:center;max-width:600px;margin:0 auto}.help-search-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:8px;margin-right:10px;color:#6b7280;flex:0 0 44px}.help-search input{flex:1 1 auto;padding:12px 20px;box-sizing:border-box;border:none;border-radius:50px;font-size:16px;line-height:1.2;height:48px;box-shadow:0 10px 40px #0000001a;outline:none;transition:all .3s ease}.help-search input:focus{box-shadow:0 10px 40px #00000026}.help-container{max-width:1200px;margin:0 auto;padding:0 20px 40px}.help-section{background:#fff;border-radius:12px;padding:32px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.help-section-title{font-size:24px;font-weight:700;color:#111827;margin-bottom:24px;display:flex;align-items:center;gap:12px}.help-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.help-quick-link{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.help-quick-link:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a;transform:translateY(-2px)}.help-quick-link svg{color:#6366f1;flex-shrink:0}.help-quick-link h3{font-size:16px;font-weight:600;color:#111827;margin-bottom:4px}.help-quick-link p{font-size:13px;color:#6b7280;margin:0}.faq-categories{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.faq-category-btn{padding:10px 20px;border:1px solid #e5e7eb;border-radius:50px;background:#fff;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.faq-category-btn:hover{border-color:#6366f1;color:#6366f1}.faq-category-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-category-section{margin-bottom:24px}.faq-category-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #6366f1}.faq-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:#6366f1}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:none;font-size:15px;font-weight:600;color:#111827;text-align:left;cursor:pointer;transition:all .2s ease}.faq-question:hover{background:#f9fafb}.faq-question svg{color:#6366f1;flex-shrink:0}.faq-answer{padding:0 20px 20px;color:#4b5563;font-size:14px;line-height:1.6;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-results{text-align:center;padding:60px 20px;color:#6b7280}.no-results svg{margin-bottom:16px;opacity:.5}.no-results p{font-size:16px;margin-bottom:8px}.no-results-sub{font-size:14px;color:#9ca3af}.help-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.help-contact-card{background:#f9fafb;border-radius:12px;padding:24px}.contact-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.contact-card-header svg{color:#6366f1}.contact-card-header h3{font-size:20px;font-weight:600;color:#111827}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;font-family:inherit}.submit-btn{padding:12px 24px;background:#6366f1;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.submit-btn:hover{background:#4f46e5}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.help-contact-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-option-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;text-align:center;transition:all .2s ease}.contact-option-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #6366f11a}.contact-option-card svg{color:#6366f1;margin-bottom:12px}.contact-option-card h4{font-size:16px;font-weight:600;color:#111827;margin-bottom:8px}.contact-option-card p{font-size:14px;color:#6b7280;margin-bottom:8px}.response-time{font-size:12px;color:#9ca3af;display:block}.chat-btn{margin-top:12px;padding:8px 16px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.chat-btn:hover{background:#4f46e5}.help-footer{background:#f9fafb;border:none}.help-footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}.footer-link-group h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:12px}.footer-link-group a{display:block;font-size:13px;color:#6b7280;text-decoration:none;margin-bottom:8px;transition:color .2s ease}.footer-link-group a:hover{color:#6366f1}@media (max-width: 768px){.help-hero{padding:40px 20px}.help-hero h1{font-size:28px}.help-section{padding:24px 20px}.help-contact-grid,.help-contact-options{grid-template-columns:1fr}.faq-categories{overflow-x:auto;flex-wrap:nowrap;padding-bottom:16px}.help-quick-links{grid-template-columns:1fr}}.dashboard-page{--primary-accent: #6366f1;--secondary-accent: #a855f7;--success-accent: #10b981;--warning-accent: #f59e0b;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .4);background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 64px)}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.stats-bar-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.stat-card-glass{background:#fff;border-radius:1.5rem;padding:1.75rem;border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;align-items:center;gap:1.5rem;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card-glass:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--primary-accent)}.stat-icon-container{width:4rem;height:4rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.stat-info-premium{flex:1;position:relative;z-index:1}.stat-info-premium .stat-number{font-size:2rem;font-weight:800;color:#1e293b;line-height:1;letter-spacing:-.025em}.stat-info-premium .stat-label{font-size:.875rem;color:#64748b;font-weight:600;margin-top:.5rem}.stat-badge-trend{position:absolute;top:1rem;right:1.5rem;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.5rem}.dashboard-grid-premium{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem;margin-bottom:2rem}.chart-card-premium{grid-column:span 7;background:#fff;border-radius:2rem;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.health-card-premium{grid-column:span 5;background:#fff;border-radius:2rem;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.activity-card-premium{grid-column:span 12;background:#fff;border-radius:2rem;border:1px solid #e2e8f0;padding:2rem;box-shadow:0 4px 6px -1px #0000000d}.card-title-premium{font-size:1.25rem;font-weight:800;color:#0f172a;letter-spacing:-.025em;display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.plan-distribution-wrapper{display:flex;flex-direction:column;gap:1.5rem}.dist-item{display:flex;flex-direction:column;gap:.75rem}.dist-info{display:flex;justify-content:space-between;align-items:center}.dist-name{font-size:.875rem;font-weight:700;color:#334155}.dist-count{font-size:.75rem;font-weight:600;color:#64748b;background:#f1f5f9;padding:.25rem .75rem;border-radius:9999px}.progress-track{height:10px;background:#f1f5f9;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;border-radius:9999px;transition:width 1s cubic-bezier(.4,0,.2,1)}.health-grid-modern{display:grid;grid-template-columns:1fr;gap:1rem}.health-tile{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;background:#f8fafc;border-radius:1.25rem;border:1px solid #f1f5f9;transition:all .2s}.health-tile:hover{background:#fff;border-color:#e2e8f0;transform:translate(4px)}.health-label-group{display:flex;align-items:center;gap:1rem}.health-label-text{font-size:.875rem;font-weight:700;color:#334155;text-transform:capitalize}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.status-dot{width:8px;height:8px;border-radius:50%}.status-active .status-dot{background:#10b981;box-shadow:0 0 0 4px #10b9811a}.status-active{color:#059669}.activity-timeline{position:relative;padding-left:2rem}.activity-timeline:before{content:"";position:absolute;left:7px;top:5px;bottom:5px;width:2px;background:#f1f5f9}.activity-node{position:relative;padding-bottom:2rem}.activity-node:last-child{padding-bottom:0}.activity-marker{position:absolute;left:-2rem;width:16px;height:16px;background:#fff;border:3px solid var(--primary-600);border-radius:50%;z-index:1}.activity-card-inner{padding:1rem 1.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #f1f5f9}.activity-header-info{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.activity-desc-text{font-size:.9375rem;font-weight:600;color:#1e293b}.activity-time-text{font-size:.75rem;color:#94a3b8;font-weight:500}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;gap:1.5rem}.spinner-premium{width:48px;height:48px;border:4px solid rgba(99,102,241,.1);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1200px){.chart-card-premium,.health-card-premium{grid-column:span 12}}@media (max-width: 768px){.stat-card-glass{padding:1.25rem}.stat-info-premium .stat-number{font-size:1.5rem}}.tenants-page{--primary-accent: #6366f1;--secondary-accent: #a855f7;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:calc(100vh - 64px)}.tenants-container{max-width:1600px;margin:0 auto;padding:1.5rem}.tenants-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.tenant-stat-card{background:#fff;padding:1.25rem;border-radius:1.25rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;box-shadow:0 4px 6px -1px #0000000d}.stat-icon-box{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.stat-data{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;color:#1e293b}.stat-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.025em}.tenants-search-area{margin-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.search-box-premium{position:relative;flex:1;max-width:450px}.search-box-premium .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-box-premium input{width:100%;padding:.625rem 1rem .625rem 2.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;font-size:.8125rem;font-weight:500;color:#1e293b;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.tenant-table-wrapper{background:#fff;border-radius:1.5rem;border:1px solid #e2e8f0;box-shadow:0 10px 15px -3px #0000001a;overflow-x:auto;margin-bottom:1.5rem}.tenant-table-premium{width:100%;min-width:1000px;border-collapse:collapse;text-align:left}.tenant-table-premium th{background:#f8fafc;padding:.875rem 1.25rem;font-size:.6875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;border-bottom:1px solid #f1f5f9}.tenant-table-premium td{padding:.75rem 1.25rem;border-bottom:1px solid #f1f5f9;vertical-align:middle}.tenant-info-cell{display:flex;align-items:center;gap:.875rem}.tenant-avatar-premium{width:36px;height:36px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;color:#fff;box-shadow:0 2px 4px #0000001a}.tenant-name-text{font-size:.875rem;font-weight:700;color:#1e293b}.tenant-industry-text{font-size:.6875rem;color:#94a3b8;font-weight:500}.contact-cell{display:flex;flex-direction:column;gap:.125rem}.email-text{font-size:.75rem;font-weight:600;color:#475569}.size-tag{background:#f1f5f9;color:#475569;padding:.25rem .5rem;border-radius:.5rem;font-size:.7rem;font-weight:700;white-space:nowrap}.creation-date{font-size:.75rem;color:#64748b;font-weight:500}.status-pill-premium{padding:.25rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:700}.plan-primary-name{font-size:.8125rem;font-weight:700;color:#334155}.plan-status-sub{font-size:.6875rem;font-weight:600;color:#94a3b8}.date-group-premium{display:flex;flex-direction:column;gap:.25rem}.trial-badge,.paid-badge{padding:.1rem .375rem;font-size:.625rem}.remaining-days-box{padding:.125rem .5rem;font-size:.75rem;font-weight:800}.action-group-premium{display:flex;align-items:center;gap:.25rem}.action-btn-premium{width:2rem;height:2rem;border-radius:.625rem}.action-btn-premium.renew-btn-premium:hover{background:#ecfdf5;color:#10b981}.action-btn-premium:hover{background:#f1f5f9;color:var(--primary-accent);transform:scale(1.1)}.action-btn-premium.delete-btn-premium:hover{background:#fee2e2;color:#ef4444}.pagination-premium{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:#fcfdfe;border-top:1px solid #f1f5f9}.pagination-text{font-size:.875rem;color:#64748b;font-weight:600}.pagination-controls{display:flex;gap:.5rem}.pg-nav-btn{width:2.5rem;height:2.5rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;color:#1e293b;transition:all .2s;cursor:pointer}.pg-nav-btn:disabled{opacity:.4;cursor:not-allowed}.pg-nav-btn:not(:disabled):hover{border-color:var(--primary-accent);color:var(--primary-accent);background:#f5f3ff}.metrics-card-premium{background:#fff;border-radius:2rem;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;overflow:hidden;margin-top:2rem}.metrics-header{background:#f8fafc;padding:1.5rem 2rem;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between}.metrics-title{font-size:1.125rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.75rem}.metrics-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1.5rem}.metric-tile-premium{padding:1.5rem;background:#f8fafc;border-radius:1.25rem;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;transition:all .2s ease}.metric-tile-premium:hover{background:#fff;transform:translateY(-4px);box-shadow:0 12px 20px -5px #0000001a;border-color:var(--primary-accent)}.metric-label-premium{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8}.metric-value-premium{font-size:1.25rem;font-weight:900;color:#1e293b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.tenants-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1.5rem}.spinner-tenants{width:48px;height:48px;border:4px solid rgba(99,102,241,.1);border-top:4px solid var(--primary-accent);border-radius:50%;animation:spin-tenants 1s linear infinite}@keyframes spin-tenants{to{transform:rotate(360deg)}}@media (max-width: 1024px){.tenant-table-wrapper{overflow-x:auto}}:root{--primary: #6366f1;--primary-hover: #4f46e5;--secondary: #a855f7;--accent: #f59e0b;--success: #10b981;--danger: #ef4444;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5);--text-main: #1e293b;--text-muted: #64748b;--shadow-premium: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .05);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}.plans-page{background:var(--bg-gradient);min-height:100vh;padding-bottom:5rem}.plans-container{max-width:1300px;margin:0 auto;padding:1rem}.stats-bar{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem;margin-bottom:2rem}@media (min-width: 640px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.stats-bar{grid-template-columns:repeat(3,1fr)}}.stat-card-premium{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.25rem;padding:1rem 1.25rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-premium);display:flex;align-items:center;gap:1rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-premium:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--primary);opacity:0;transition:opacity .3s}.stat-card-premium:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-card-premium:hover:before{opacity:1}.stat-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease}.stat-card-premium:hover .stat-icon-wrapper{transform:scale(1.1) rotate(5deg)}.stat-info .stat-value{font-size:1.5rem;font-weight:800;color:var(--text-main);line-height:1.1;letter-spacing:-.02em}.stat-info .stat-label{font-size:.75rem;color:var(--text-muted);font-weight:600;margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.plans-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.plans-header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.plans-header-text h2{font-size:1.75rem;font-weight:900;color:var(--text-main);letter-spacing:-.04em;background:linear-gradient(to right,var(--text-main),var(--primary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.plans-header-text p{color:var(--text-muted);font-size:.875rem;font-weight:500;margin-top:.25rem}.btn-create-premium{background:var(--primary);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:700;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;box-shadow:0 4px 15px #6366f14d;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;white-space:nowrap}.btn-create-premium:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-create-premium:active{transform:translateY(0)}.plans-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 768px){.plans-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.plans-grid{grid-template-columns:repeat(3,1fr)}}.plan-card-premium{background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:1.5rem;border:1px solid var(--glass-border);display:flex;flex-direction:column;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-premium);overflow:hidden}.plan-card-premium:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--primary)}.plan-card-accent{height:4px;width:100%}.plan-card-content{padding:1.5rem;flex:1}.plan-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.badge-pill{padding:.25rem .75rem;border-radius:1rem;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 1px 3px #0000000d}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#f1f5f9;color:#475569}.badge-trial{background:#fef3c7;color:#b45309}.plan-name-area h3{font-size:1.125rem;font-weight:900;color:var(--text-main);letter-spacing:-.03em;margin-bottom:.125rem}.plan-id-code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.625rem;color:var(--text-muted);background:#f1f5f9;padding:.125rem .5rem;border-radius:.375rem;display:inline-block}.plan-description{margin-top:1rem;font-size:.85rem;color:#475569;line-height:1.5;font-weight:500;height:2.5rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.plan-pricing-box{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;padding:1rem;margin:1.25rem 0;border:1px solid #e2e8f0}.price-main{display:flex;align-items:baseline;gap:.25rem}.price-value{font-size:1.75rem;font-weight:900;color:var(--primary);letter-spacing:-.04em}.price-period{font-size:.75rem;color:var(--text-muted);font-weight:700}.plan-quick-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem;margin-top:1rem}.spec-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#334155}.spec-item svg{color:var(--primary);opacity:.8}.modules-section{border-top:1px dashed #cbd5e1;padding-top:1.25rem}.modules-label{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.modules-list{display:flex;flex-wrap:wrap;gap:.375rem;max-height:48px;overflow:hidden}.module-tag{font-size:.625rem;font-weight:700;padding:.25rem .625rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#334155;transition:all .2s}.module-tag:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.plan-card-footer{padding:.75rem 1.5rem;background:#f8fafc99;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.btn-icon-circular{width:2.25rem;height:2.25rem;border-radius:.75rem;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-edit{background:#eef2ff;color:var(--primary)}.btn-edit:hover{background:var(--primary);color:#fff;transform:rotate(15deg)}.btn-toggle{background:#f1f5f9;color:#475569}.btn-toggle.active{color:var(--success)}.btn-toggle.active:hover{background:var(--success);color:#fff}.btn-delete{color:#94a3b8}.btn-delete:hover{color:var(--danger);background:#fee2e2;transform:scale(1.1)}.modal-overlay-plans{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172ab3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:flex-end;justify-content:center}@media (min-width: 640px){.modal-overlay-plans{align-items:center;padding:1.5rem}}.modal-content-plans{background:#fff;width:100%;max-width:720px;max-height:90vh;border-radius:2rem 2rem 0 0;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;position:relative}@media (min-width: 640px){.modal-content-plans{border-radius:2.5rem}}.modal-header-plans{padding:2rem 2.5rem;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-header-plans h3{font-size:1.5rem;font-weight:900;color:var(--text-main)}.modal-body-plans{padding:2rem 2.5rem;overflow-y:auto;scrollbar-width:thin}.form-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;margin-top:2rem}.form-section-title:first-child{margin-top:0}.form-section-title .dot{width:6px;height:20px;background:var(--primary);border-radius:10px}.form-section-title span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.input-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media (min-width: 640px){.input-grid-2{grid-template-columns:1fr 1fr}.input-grid-3{grid-template-columns:1fr 1fr 1fr}}.modern-input{width:100%;padding:1rem 1.25rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:1.25rem;font-size:1rem;font-weight:600;color:var(--text-main);transition:all .3s}.modern-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 5px #6366f126;outline:none}.module-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding:1.5rem;background:#f8fafc;border:2px solid #f1f5f9;border-radius:1.5rem;max-height:250px;overflow-y:auto}.module-chip{padding:.6rem 1rem;border-radius:1rem;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid #fff;background:#fff;box-shadow:0 2px 4px #00000008;transition:all .25s;text-align:center;display:flex;align-items:center;justify-content:center}.module-chip:hover{transform:translateY(-2px);border-color:var(--primary)}.module-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #6366f14d}.modal-footer-plans{padding:1.5rem 2.5rem;background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:1.25rem}.btn-secondary-premium{flex:1;padding:1rem;border-radius:1.25rem;font-weight:700;color:var(--text-muted);background:#fff;border:2px solid #f1f5f9;cursor:pointer;transition:all .2s}.btn-primary-premium{flex:2;padding:1rem;border-radius:1.25rem;font-weight:800;color:#fff;background:var(--primary);border:none;cursor:pointer;box-shadow:0 8px 15px #6366f14d}.btn-primary-premium:disabled{opacity:.7;cursor:not-allowed}.glass-card{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px dashed #cbd5e1;padding:5rem 2rem;text-align:center}:root{--nt-bg: #f8fafc;--nt-surf: #ffffff;--nt-bdr: #e2e8f0;--nt-tx: #0f172a;--nt-t2: #475569;--nt-t3: #94a3b8;--nt-blue: #2563eb;--nt-bls: #eff6ff;--nt-red: #ef4444;--nt-rds: #fef2f2}.nt-container{display:grid;grid-template-columns:190px 460px 1fr;gap:20px;height:calc(100vh - 140px);padding:20px;background:var(--nt-bg);animation:nt-fade-in .4s ease-out}@keyframes nt-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nt-side-panel{display:flex;flex-direction:column;gap:16px}.nt-card{background:var(--nt-surf);border:1px solid var(--nt-bdr);border-radius:16px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.nt-card-hd{padding:14px 18px;border-bottom:1px solid var(--nt-bdr);font-size:11px;font-weight:700;color:var(--nt-t3);text-transform:uppercase;letter-spacing:.05em}.nt-card-body{padding:8px}.nt-filter{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .2s;color:var(--nt-t2);font-size:14px}.nt-filter:hover{background:#f1f5f9;color:var(--nt-tx)}.nt-filter.active{background:var(--nt-bls);color:var(--nt-blue);font-weight:600}.nt-filter-ico{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f1f5f9;font-size:14px}.nt-filter.active .nt-filter-ico{background:#2563eb1a}.nt-filter-count{margin-left:auto;font-size:11px;background:#f1f5f9;padding:2px 8px;border-radius:10px;color:var(--nt-t3)}.nt-filter.active .nt-filter-count{background:var(--nt-blue);color:#fff}.nt-feed{display:flex;flex-direction:column;height:100%}.nt-feed-hd{display:flex;align-items:center;justify-content:space-between;padding:18px;background:var(--nt-surf);border-bottom:1px solid var(--nt-bdr);position:sticky;top:0;z-index:5}.nt-feed-title{font-size:16px;font-weight:700;color:var(--nt-tx)}.nt-feed-list{flex:1;overflow-y:auto;padding:0;background:var(--nt-surf);scrollbar-width:none;-ms-overflow-style:none}.nt-feed-list::-webkit-scrollbar{display:none}.nt-group-hd{padding:12px 18px;background:#f8fafc;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--nt-bdr);position:sticky;top:0;z-index:2}.nt-group:not(:first-child){border-top:4px solid #f1f5f9}.nt-item{display:flex;gap:14px;padding:18px;border-bottom:1px solid var(--nt-bdr);cursor:pointer;transition:all .2s;position:relative}.nt-item:hover{background:#f8fafc}.nt-item.active{background:#eff6ff;border-left:3px solid var(--nt-blue)}.nt-item.unread:after{content:"";position:absolute;top:18px;right:18px;width:8px;height:8px;border-radius:50%;background:var(--nt-blue)}.nt-item-ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;background:#f1f5f9;color:var(--nt-t2)}.nt-item.active .nt-item-ico{background:#fff;color:var(--nt-blue);box-shadow:0 4px 6px -1px #0000001a}.nt-item-body{min-width:0;flex:1}.nt-item-title{font-size:15px;font-weight:600;color:var(--nt-tx);margin-bottom:4px;display:block}.nt-item-msg{font-size:14px;color:var(--nt-t2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nt-item-meta{margin-top:8px;font-size:11px;color:var(--nt-t3);display:flex;align-items:center;gap:8px}.nt-detail{display:flex;flex-direction:column;background:var(--nt-surf);border:1px solid var(--nt-bdr);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a}.nt-detail-hd{padding:20px;background:#f8fafc;border-bottom:1px solid var(--nt-bdr)}.nt-detail-header-top{display:flex;align-items:center;gap:16px;margin-bottom:16px}.nt-detail-ico{width:56px;height:56px;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 6px -1px #0000001a;color:var(--nt-blue)}.nt-detail-title h2{font-size:20px;font-weight:800;color:var(--nt-tx);margin:0}.nt-detail-timestamp{font-size:12px;color:var(--nt-t3);display:flex;align-items:center;gap:6px;margin-top:4px}.nt-detail-body{padding:20px;flex:1;overflow-y:auto;line-height:1.6;font-size:14px;color:var(--nt-tx);scrollbar-width:none;-ms-overflow-style:none}.nt-detail-body::-webkit-scrollbar{display:none}.nt-detail-content-card{background:#fff;border:1px solid var(--nt-bdr);border-radius:12px;padding:16px;white-space:pre-wrap;box-shadow:0 1px 2px #0000000d}.nt-action-card{margin-top:16px;padding:16px;background:var(--nt-bls);border:1px dashed var(--nt-blue);border-radius:12px}.nt-action-card h3{font-size:13px;font-weight:700;color:var(--nt-blue);margin-bottom:8px}.nt-action-card p{font-size:12px;color:var(--nt-t2);margin-bottom:12px}.nt-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--nt-blue);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:transform .2s}.nt-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.nt-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--nt-t3);text-align:center;padding:40px}.nt-empty-ico{font-size:64px;margin-bottom:20px;opacity:.3}@media (max-width: 1280px){.nt-container{grid-template-columns:180px 380px 1fr;gap:15px;padding:15px}}@media (max-width: 1024px){.nt-container{grid-template-columns:180px 1fr;grid-template-rows:auto 1fr;height:auto}.nt-detail{grid-column:span 2;margin-top:20px}}@media (max-width: 768px){.nt-container{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;padding:10px;gap:15px}.nt-side-panel,.nt-feed,.nt-detail{grid-column:1;display:flex;height:auto;max-height:600px}.nt-side-panel{order:2}.nt-feed{order:1;max-height:500px}.nt-detail{order:3}}.planner-page-content{display:flex;flex-direction:column;gap:16px;height:calc(100vh - 80px);overflow:hidden}.planner-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:16px;flex:1;min-height:0}.planner-board-container{border-radius:12px;border:1px solid var(--gray-10);background:#fff;padding:16px;overflow:auto}.planner-board-container::-webkit-scrollbar{width:6px;height:6px}.planner-board-container::-webkit-scrollbar-track{background:#fff;border-radius:10px}.planner-board-container::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.planner-board-container::-webkit-scrollbar-thumb:hover{background:#d1d5db}.planner-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:0}.planner-column{border-radius:10px;background:#f9fafb;min-height:220px;padding:8px;display:flex;flex-direction:column;gap:6px}.planner-form-row{display:flex;gap:8px}@media (max-width: 1024px){.planner-board{display:flex;overflow-x:auto;padding-bottom:8px}.planner-column{min-width:280px;flex-shrink:0}}@media (max-width: 768px){.planner-page-content{height:auto;min-height:calc(100vh - 80px);overflow:visible}.planner-layout{display:flex;flex-direction:column;overflow-x:hidden}.planner-board-container{overflow:hidden;padding:12px}.planner-form-row{flex-direction:column}}.custom-scrollbar::-webkit-scrollbar{width:5px}.custom-scrollbar::-webkit-scrollbar-track{background:#fff;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#d1d5db}.react-datepicker-popper,.react-datepicker__portal{z-index:9999!important}.white-scrollbar::-webkit-scrollbar{width:6px}.white-scrollbar::-webkit-scrollbar-track{background:#fff;border-radius:10px}.white-scrollbar::-webkit-scrollbar-thumb{background:#f1f5f9;border:2px solid #ffffff;border-radius:10px}.white-scrollbar::-webkit-scrollbar-thumb:hover{background:#e2e8f0}.modal-overlay{background:#1e163659!important;animation:fadeIn .3s ease-in-out}.glass{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(124,91,191,.08)}.shadow-premium-xl{box-shadow:0 12px 32px #7c5bbf2e,0 2px 8px #1e163614}.rounded-2xl{border-radius:1.25rem}.min-h-\[70px\]{min-height:70px}.min-h-\[50px\]{min-height:50px}.resize-vertical{resize:vertical}.from-primary-100{background:linear-gradient(90deg,var(--primary-100) 0%,var(--primary-300) 100%)}.text-primary-700{color:var(--primary-700)}.text-primary-900{color:var(--primary-900)}.border-primary-200{border-color:var(--primary-200)}.hover\:bg-primary-10:hover{background:var(--primary-10)}.text-primary-400{color:var(--primary-400)}:root{--primary-100: #E8E3F3;--primary-200: #D4C9E8;--primary-300: #B5A3D6;--primary-400: #9B7FCA;--primary-500: #7C5BBF;--primary-600: #6B4DB0;--primary-700: #5A3E9E;--primary-800: #4A3287;--primary-900: #1E0A4D;--primary-90: rgba(124, 91, 191, .9);--primary-80: rgba(124, 91, 191, .8);--primary-20: rgba(124, 91, 191, .2);--primary-10: rgba(124, 91, 191, .1);--primary-5: rgba(124, 91, 191, .05);--secondary-100: #E5EFC5;--secondary-200: #D4E4A3;--secondary-300: #C4D97F;--secondary-400: #B3CF5B;--secondary-500: #9BBF39;--secondary-600: #8AAF28;--secondary-700: #789F17;--secondary-800: #5C7A0E;--secondary-900: #3F5508;--tertiary-100: #F8D7E8;--tertiary-200: #F2AFD1;--tertiary-300: #E87DB5;--tertiary-400: #D94F9A;--tertiary-500: #C4217E;--tertiary-600: #A91A6C;--tertiary-700: #8E155A;--tertiary-800: #730F48;--tertiary-900: #580A36;--dark-500: #0D0D0D;--dark-90: #262626;--dark-80: #404040;--dark-20: #B3B3B3;--dark-10: #D9D9D9;--dark-5: #ECECEC;--gray-500: #808080;--gray-90: #8C8C8C;--gray-80: #999999;--gray-20: #E0E0E0;--gray-10: #EFEFEF;--gray-5: #F7F7F7;--light-500: #B8C4C4;--light-90: #C4CECE;--light-80: #D0D8D8;--light-20: #F0F3F3;--light-10: #F7F9F9;--light-5: #FBFCFC;--white-500: #E6E6E6;--white-90: #EBEBEB;--white-80: #F0F0F0;--white-20: #FAFAFA;--white-10: #FCFCFC;--white-5: #FFFFFF;--color-1: #34C38F;--color-2: #20B2AA;--color-3: #6B4DB0;--color-4: #3B5EDB;--success: #34C38F;--success-bg: #E8F8F2;--error: #F46A6A;--error-bg: #FDEAEA;--warning: #F1B44C;--warning-bg: #FEF7E8;--chart-orange: #F4A742;--chart-yellow: #F7DC6F;--chart-green: #7DCE82;--chart-purple: #9B7FCA}[data-theme=dark]{--white-5: #1E1E2D;--white-10: #2B2B40;--white-20: #323248;--light-10: #151521;--light-5: #151521;--dark-500: #FFFFFF;--dark-80: #A1A5B7;--gray-500: #A1A5B7;--gray-20: #2B2B40;--gray-10: #2B2B40;--gray-5: #2B2B40}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100vh;width:100vw;min-height:100vh;min-width:100vw;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;border:none;outline:none}input{font-family:inherit;border:none;outline:none}a{text-decoration:none;color:inherit}ul,li{list-style:none}.app-container{display:flex;height:100vh;width:100%;overflow:hidden}.sidebar{width:200px;min-width:200px;height:100vh;background:var(--white-5);border-right:1px solid var(--gray-10);display:flex;flex-direction:column;padding:8px 0}.sidebar-logo{display:flex;align-items:center;gap:6px;padding:8px 16px 20px}.sidebar-logo-icon{width:28px;height:28px;background:var(--primary-500);border-radius:8px;display:flex;align-items:center;justify-content:center}.sidebar-logo-text{font-size:16px;font-weight:700;color:var(--dark-500)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:visible;padding:10px 0}.sidebar-group-wrapper{position:relative}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 14px;color:var(--gray-400);text-decoration:none;transition:all .2s;border-left:3px solid transparent;cursor:pointer}.sidebar-nav-item:hover,.sidebar-nav-item.hovered{background:var(--primary-5);color:var(--primary-600)}.sidebar-nav-item.active{background:var(--primary-15);color:var(--primary-700);border-left-color:var(--primary-600);font-weight:600;box-shadow:inset 2px 0 0 0 var(--primary-600)}[data-theme=dark] .sidebar-nav-item:hover,[data-theme=dark] .sidebar-nav-item.hovered{background:#ffffff0d;color:#fff}[data-theme=dark] .sidebar-nav-item.active{background:#ffffff1a;color:#fff;border-left-color:var(--primary-400)}.sidebar-nav-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.flyout-menu{position:absolute;top:0;left:100%;width:220px;background:#fff;border-radius:8px;box-shadow:4px 0 24px #0000001f;padding:8px 0;z-index:1000;border:1px solid var(--gray-10);animation:fadeIn .15s ease-out}.flyout-menu:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:20px;background:transparent}@keyframes fadeIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}.flyout-header{padding:8px 16px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-weight:700;border-bottom:1px solid var(--gray-5);margin-bottom:4px}.flyout-item{display:block;padding:8px 16px;color:var(--dark-500);text-decoration:none;font-size:14px;transition:background .15s}.flyout-item:hover{background:var(--primary-5);color:var(--primary-600)}.flyout-item.active{background:var(--primary-10);color:var(--primary-700);font-weight:500}[data-theme=dark] .flyout-menu{background:#1f2937;border-color:#374151;box-shadow:4px 0 24px #0000004d}[data-theme=dark] .flyout-header{color:#9ca3af;border-bottom-color:#374151}[data-theme=dark] .flyout-item{color:#e5e7eb}[data-theme=dark] .flyout-item:hover{background:#37415180;color:#fff}[data-theme=dark] .flyout-item.active{background:#8b5cf633;color:#a78bfa}.sidebar-theme-toggle{padding:12px 16px;margin:8px}.theme-toggle-container{display:flex;background:var(--gray-5);border-radius:20px;padding:3px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 14px;border-radius:16px;font-size:11px;font-weight:500;background:transparent;color:var(--dark-80);transition:all .2s ease}.theme-toggle-btn.active{background:var(--primary-600);color:var(--white-5)}.main-content{flex:1;width:100%!important;max-width:none!important;min-width:0;display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--light-10)}.header{display:flex;align-items:center;justify-content:space-between;padding:6px 16px;background:transparent;border-bottom:none;min-height:44px}.header-left{display:flex;flex-direction:column}.header-greeting{font-size:16px;font-weight:600;color:var(--dark-500)}.header-subtitle{font-size:11px;color:var(--gray-500)}.header-right{display:flex;align-items:center;gap:16px}.header-search{display:flex;align-items:center;gap:8px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;padding:6px 12px;width:180px}.header-search input{flex:1;font-size:11px;color:var(--dark-500);background:transparent}.header-search input::placeholder{color:var(--gray-500)}.header-notification{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white-5);border:1px solid var(--gray-20);border-radius:8px;cursor:pointer}.header-user{display:flex;align-items:center;gap:8px;cursor:pointer}.header-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.header-user-info{display:flex;flex-direction:column}.header-user-name{font-size:11px;font-weight:600;color:var(--dark-500)}.header-user-role{font-size:9px;color:var(--gray-500)}.search-input{padding:8px 12px;border:1px solid var(--gray-20);border-radius:6px;font-size:14px;width:200px;background:#fff}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11a}.filter-select{padding:8px 12px;border:1px solid var(--gray-20);border-radius:6px;font-size:14px;background:#fff;min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #6366f11a}.tab-buttons{display:flex;gap:8px;flex-wrap:wrap}.tab-btn{padding:8px 16px;border:1px solid var(--gray-20);background:#fff;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:var(--gray-10)}.tab-btn.active{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.action-buttons{display:flex;gap:8px}.add-employee-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--primary-500);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-employee-btn:hover{background:var(--primary-600)}.filter-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;color:var(--dark-500);border:1px solid var(--gray-20);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-btn:hover{background:var(--gray-10)}.page-content{flex:1;padding:8px 12px;overflow-y:auto}.page-title{font-size:16px;font-weight:600;color:var(--dark-500);margin-bottom:2px}.page-subtitle{font-size:11px;color:var(--gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:8px}.stat-card{background:var(--white-5);border-radius:4px;padding:10px 12px;border:1px solid var(--gray-10)}.stat-card-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.stat-card-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-10);border-radius:4px}.stat-card-title{font-size:11px;color:var(--gray-500)}.stat-card-value{font-size:20px;font-weight:700;color:var(--dark-500)}.stat-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.stat-card-change{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:500}.stat-card-change.positive{color:var(--success)}.stat-card-change.negative{color:var(--error)}.stat-card-date{font-size:9px;color:var(--gray-500)}.dashboard-grid{display:grid;grid-template-columns:1fr 260px;gap:8px;flex:1}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-left{display:flex;flex-direction:column;gap:8px}.card{background:var(--white-5);border-radius:4px;border:1px solid var(--gray-10);box-shadow:0 1px 2px #0000000d;transition:all .2s ease-in-out}.card:hover{box-shadow:0 8px 16px #0000000f;border-color:var(--primary-100);transform:translateY(-2px)}.card.no-hover:hover{box-shadow:0 1px 2px #0000000d;border-color:var(--gray-10);transform:none}.card-header{align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--gray-10)}.card-title{font-size:13px;font-weight:600;color:var(--dark-500)}.card-body{padding:10px 12px}.schedule-card{height:100%;display:flex;flex-direction:column}.schedule-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.schedule-title{font-size:13px;font-weight:600;color:var(--dark-500)}.schedule-icon-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-600);border-radius:4px;cursor:pointer}.calendar{padding:8px 10px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-nav-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer}.calendar-nav-btn.prev{background:var(--primary-600);color:var(--white-5)}.calendar-nav-btn.next{background:var(--success);color:var(--white-5)}.calendar-month{font-size:12px;font-weight:600;color:var(--dark-500)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekday{font-size:10px;font-weight:500;color:var(--gray-500);text-align:center;padding:4px}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{font-size:10px;text-align:center;padding:6px 4px;border-radius:4px;cursor:pointer;color:var(--dark-500)}.calendar-day:hover{background:var(--gray-5)}.calendar-day.other-month{color:var(--gray-80)}.calendar-day.today{background:var(--primary-600);color:var(--white-5);font-weight:600}.calendar-day.selected{background:var(--success);color:var(--white-5);font-weight:600}.schedule-events{flex:1;padding:8px 10px;overflow-y:auto}.schedule-date-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.schedule-date-title{font-size:11px;font-weight:600;color:var(--dark-500)}.schedule-date-menu{cursor:pointer}.schedule-event{display:flex;gap:10px;margin-bottom:10px}.schedule-event-time{font-size:11px;font-weight:600;color:var(--dark-500);min-width:36px}.schedule-event-content{flex:1;padding-left:10px;border-left:2px solid var(--primary-500)}.schedule-event-role{font-size:9px;color:var(--gray-500)}.schedule-event-title{font-size:11px;font-weight:600;color:var(--dark-500)}.chart-container{height:220px;position:relative}.chart-dropdown{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:4px;font-size:10px;color:var(--dark-500);cursor:pointer}.attendance-chart{display:flex;align-items:flex-end;justify-content:space-around;height:180px;padding:10px 20px 0}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:6px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.badge-primary{background:var(--primary-10);color:var(--primary-600)}.badge-gray{background:var(--gray-10);color:var(--gray-500)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));color:#fff;box-shadow:0 2px 4px #7c5bbf33}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 8px #7c5bbf4d}.btn-secondary{background:#fff;border:1px solid var(--gray-20);color:var(--dark-500)}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #FEE2E2}.btn-danger:hover{background:#fee2e2}.btn-ghost{background:transparent;color:var(--gray-500)}.btn-ghost:hover{background:var(--gray-10);color:var(--dark-500)}.chart-bar{width:20px;border-radius:10px 10px 4px 4px;position:relative}.chart-bar-label{font-size:10px;color:var(--gray-500)}.chart-y-axis{position:absolute;left:10px;top:10px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.chart-y-label{font-size:9px;color:var(--gray-500)}.attendance-table{width:100%;border-collapse:collapse}.attendance-table th{text-align:left;padding:8px 10px;font-size:10px;font-weight:500;color:var(--gray-500);border-bottom:1px solid var(--gray-10)}.attendance-table td{padding:8px 10px;font-size:11px;color:var(--dark-500);border-bottom:1px solid var(--gray-5)}.attendance-table tr:last-child td{border-bottom:none}.employee-cell{display:flex;align-items:center;gap:10px;max-width:250px}.employee-info-text{display:flex;flex-direction:column;overflow:hidden;min-width:0}.employee-name-text{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-email-text{font-size:11px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-controls-wrapper{margin-bottom:24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.report-search-container{display:flex;gap:16px;align-items:center;flex:1;max-width:500px}.report-search-input-wrapper{position:relative;flex:1;display:flex;align-items:center}.report-search-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid var(--gray-200);background:#fff;color:var(--dark-500);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #00000005}.report-search-input::placeholder{color:var(--gray-400);font-weight:400}.report-search-input:focus{outline:none;border-color:var(--primary-500);background:#fff;box-shadow:0 10px 15px -3px #7c5bbf1a,0 4px 6px -2px #7c5bbf0d;transform:translateY(-1px)}.report-hierarchy-toggle{padding:10px 20px;background:var(--primary-500);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:all .2s ease}.report-hierarchy-toggle:hover{background:var(--primary-600)}.report-hierarchy-toggle.active{background:var(--primary-700)}@media (max-width: 768px){.report-controls-wrapper{flex-direction:column;align-items:stretch;gap:12px}.report-search-container,.report-search-input-wrapper,.report-search-input{max-width:100%;width:100%}.report-hierarchy-toggle{width:100%;justify-content:center}.report-hierarchy-toggle span{font-size:13px}}.employee-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.status-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:500}.status-badge.on-time{background:var(--success-bg);color:var(--success)}.status-badge.late{background:var(--error-bg);color:var(--error)}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.approved{background:var(--success-bg);color:var(--success)}.status-badge.rejected{background:var(--error-bg);color:var(--error)}.status-badge.permanent{background:var(--success-bg);color:var(--success)}.view-all-btn{padding:4px 12px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:4px;font-size:10px;color:var(--dark-500);cursor:pointer}.employee-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.search-filter-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--white-5);border-radius:4px 4px 0 0;border:1px solid var(--gray-10);border-bottom:none}.page-search{display:flex;align-items:center;gap:8px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:4px;padding:6px 12px;width:220px}.page-search input{flex:1;font-size:11px;color:var(--dark-500);background:transparent}.page-search input::placeholder{color:var(--gray-500)}.action-buttons{display:flex;align-items:center;gap:10px}.add-employee-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--primary-600);color:var(--white-5);border-radius:4px;font-size:11px;font-weight:500}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:4px;font-size:11px;color:var(--dark-500)}.employee-table-container{background:var(--white-5);border:1px solid var(--gray-10);border-radius:0 0 4px 4px}.employee-table{width:100%;border-collapse:collapse}.employee-table th{text-align:left;padding:10px 14px;font-size:10px;font-weight:500;color:var(--gray-500);background:var(--white-5);border-bottom:1px solid var(--gray-10)}.employee-table td{padding:10px 14px;font-size:11px;color:var(--dark-500);border-bottom:1px solid var(--gray-5)}.employee-table tr:last-child td{border-bottom:none}.action-icons{display:flex;align-items:center;gap:10px}.action-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gray-500)}.action-icon:hover{color:var(--primary-600)}.pagination{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid var(--gray-10)}.pagination-info{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--gray-500)}.pagination-select{padding:4px 8px;border:1px solid var(--gray-20);border-radius:4px;font-size:10px;background:var(--white-5)}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-20);border-radius:4px;font-size:10px;color:var(--dark-500);background:var(--white-5);cursor:pointer}.pagination-btn.active{background:var(--primary-600);color:var(--white-5);border-color:var(--primary-600)}.pagination-btn:hover:not(.active){background:var(--gray-5)}.departments-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.department-card{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:12px 14px}.department-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.department-name{font-size:13px;font-weight:600;color:var(--dark-500)}.department-count{font-size:10px;color:var(--gray-500);margin-top:2px}.view-all-link{font-size:10px;color:var(--primary-600);cursor:pointer}.department-members{display:flex;flex-direction:column;gap:8px}.department-member{display:flex;align-items:center;justify-content:space-between;padding:6px 0}.member-info{display:flex;align-items:center;gap:8px}.member-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.member-details{display:flex;flex-direction:column}.member-name{font-size:11px;font-weight:500;color:var(--dark-500)}.member-role{font-size:9px;color:var(--gray-500)}.member-arrow{color:var(--gray-500);cursor:pointer}.departments-search{margin-bottom:12px}.attendance-overview-card{margin-top:12px}.no-data{padding:40px;text-align:center;color:var(--gray-500);font-size:12px}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:var(--primary-600);font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:var(--gray-500);font-size:14px;margin:0}.user-type-toggle{display:flex;margin-bottom:24px;background:var(--gray-10);border-radius:8px;padding:4px}.toggle-btn{flex:1;padding:12px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 2px 4px #0000001a}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--dark-80)}.form-group input{padding:12px 16px;border:1px solid var(--gray-20);border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:var(--primary-500)}.password-input-container{position:relative}.password-input-container input{width:100%;padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;font-size:14px;border:1px solid #fcc}.login-btn{background:var(--primary-500);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){background:var(--primary-600)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--gray-10)}.login-footer p{color:var(--gray-500);font-size:12px;margin:0}.header-user{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.header-user:hover{background:var(--gray-10)}.user-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;border:1px solid var(--gray-20);min-width:160px;z-index:1000;margin-top:8px}.user-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;font-size:14px;color:var(--dark-80);cursor:pointer;transition:background-color .2s ease}.user-menu-item:hover{background:var(--gray-10)}.user-menu-item:first-child{border-radius:8px 8px 0 0}.user-menu-item:last-child{border-radius:0 0 8px 8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.loading-container p{color:var(--gray-500);font-size:14px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px}.error-container p{color:#c33;font-size:14px}.retry-btn{background:var(--primary-500);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background:var(--primary-600)}.segmented-control{display:flex;gap:0;border-bottom:1px solid var(--gray-10);background:transparent;padding:0;border-radius:0;width:100%}.segmented-control-btn,.segmented-item{position:relative;display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:500;color:var(--gray-500);background:transparent;border:none;border-radius:0;cursor:pointer;transition:all .2s ease;white-space:nowrap}.segmented-control-btn:hover,.segmented-item:hover{color:var(--dark-500)}.segmented-control-btn.active,.segmented-item.active{color:var(--primary-600);font-weight:600;background:transparent;box-shadow:none}.segmented-control-btn.active:after,.segmented-item.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-600);border-radius:2px 2px 0 0}[data-theme=dark] .segmented-control{border-bottom-color:#ffffff14}[data-theme=dark] .segmented-control-btn:hover,[data-theme=dark] .segmented-item:hover{color:#e5e7eb}[data-theme=dark] .segmented-control-btn.active,[data-theme=dark] .segmented-item.active{color:#a78bfa}[data-theme=dark] .segmented-control-btn.active:after,[data-theme=dark] .segmented-item.active:after{background:#a78bfa}.dashboard-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-10);margin-bottom:16px;flex-wrap:wrap}.dashboard-tab{position:relative;padding:10px 16px;font-size:13px;font-weight:500;color:var(--gray-500);background:transparent;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0;flex:1 1 auto;text-align:center}.dashboard-tab:hover{color:var(--dark-500)}.dashboard-tab.active{color:var(--primary-600);font-weight:600}.dashboard-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--primary-600);border-radius:2px 2px 0 0}[data-theme=dark] .dashboard-tabs{border-bottom-color:#ffffff14}[data-theme=dark] .dashboard-tab:hover{color:#e5e7eb}[data-theme=dark] .dashboard-tab.active{color:#a78bfa}[data-theme=dark] .dashboard-tab.active:after{background:#a78bfa}.dashboard-container{display:flex;flex-direction:column;gap:16px;padding-bottom:20px}.dashboard-row-top{display:flex;gap:12px;align-items:stretch;flex-wrap:wrap}.dashboard-row-top>.card{flex:1;min-width:300px}.dashboard-row-top>.custom-stat-card{flex:0 0 280px}@media (max-width: 1024px){.dashboard-row-top>.custom-stat-card{flex:1}}.dashboard-row-middle{display:flex;flex-direction:column;gap:12px}.dashboard-row-bottom{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}.dashboard-row-bottom>.card{flex:1;min-width:300px}.action-required-list{display:flex;flex-direction:column}.action-item{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--gray-10);cursor:pointer;transition:all .2s}.action-item:last-child{border-bottom:none}.action-item:hover{background:var(--primary-5);padding-left:8px;padding-right:8px;border-radius:4px}.action-label{font-size:13px;color:var(--dark-500);font-weight:500}.action-count{background:var(--error);color:#fff;font-size:10px;font-weight:600;padding:2px 8px;border-radius:4px}.funnel-container{display:flex;flex-direction:column;gap:16px}.funnel-stage{display:flex;flex-direction:column;gap:6px}.funnel-label{font-size:12px;color:var(--gray-500);font-weight:500}.funnel-bar-bg{height:24px;background:var(--gray-10);border-radius:4px;position:relative;overflow:hidden}.funnel-bar-fill{height:100%;background:var(--primary-500);border-radius:4px;position:absolute;top:0;left:0}.funnel-value{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:var(--dark-500);z-index:2}.who-is-away-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.custom-stat-card{display:flex!important;flex-direction:column;justify-content:center}@media (max-width: 768px){.who-is-away-grid{grid-template-columns:1fr}}.away-status-card{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:12px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 1px 2px #00000008}.away-card-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;color:var(--gray-500)}.away-count{font-size:24px;font-weight:700;color:var(--dark-500);margin-bottom:8px}.avatar-stack{display:flex;align-items:center;justify-content:center;margin-left:8px}.avatar-stack img{width:24px;height:24px;border-radius:50%;border:2px solid white;margin-left:-8px;object-fit:cover}.more-avatars{width:24px;height:24px;background:var(--gray-20);border-radius:50%;border:2px solid white;margin-left:-8px;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--gray-500);font-weight:600}.celebration-list{display:flex;flex-direction:column}.celebration-item{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--gray-10);border-radius:0}.celebration-item:active{background-color:transparent}.celebration-item:last-child{border-bottom:none;padding-bottom:0}.celebration-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.celebration-icon.birthday{background:#fef3c7;color:#d97706}.celebration-icon.anniversary{background:#e0e7ff;color:#4f46e5}.celebration-info{flex:1}.celebration-name{font-weight:600;color:var(--dark-500);font-size:14px}.celebration-date{font-size:12px;color:var(--gray-500)}.alert-list{display:flex;flex-direction:column}.alert-item{display:flex;gap:12px;padding:10px 4px;background:transparent;border:none;border-bottom:1px solid var(--gray-10);border-radius:0}.alert-item:last-child{border-bottom:none}.alert-icon-wrapper{margin-top:2px}.alert-content h4{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:4px}.alert-content p{font-size:12px;color:var(--gray-600);line-height:1.4}.alert-item.alert-probation{border-left:3px solid #8B5CF6}.alert-item.alert-contract{border-left:3px solid #F59E0B}.card.notice-card:hover{transform:none;box-shadow:0 1px 2px #0000000d;border-color:var(--gray-10)}@keyframes pulse{0%{box-shadow:0 0 #f46a6ab3}70%{box-shadow:0 0 0 10px #f46a6a00}to{box-shadow:0 0 #f46a6a00}}.rich-text-content ol{list-style-type:decimal!important;list-style-position:outside!important;padding-left:1.5em!important;margin-left:0!important}.rich-text-content ul{list-style-type:disc!important;list-style-position:outside!important;padding-left:1.5em!important;margin-left:0!important}.rich-text-content li{display:list-item!important;margin-bottom:.25em!important;padding-left:0!important;list-style:inherit!important}.form-input{width:100%;padding:8px 12px;border:1px solid var(--gray-20);border-radius:4px;font-size:12px;color:var(--dark-500);background:var(--white-5);transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:hover{border-color:var(--gray-80);background:var(--white-5)}.form-input:focus{border-color:var(--primary-500);background:#fff;box-shadow:0 0 0 4px var(--primary-10);outline:none}.form-input::placeholder{color:var(--gray-500)}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.gap-1{gap:.25rem}.col-span-12{grid-column:span 12 / span 12}.col-span-9{grid-column:span 9 / span 9}.col-span-3{grid-column:span 3 / span 3}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-9{grid-column:span 9 / span 9}}.w-full{width:100%}.h-12{height:3rem}.p-8{padding:2rem}.p-6{padding:1.5rem}.p-4{padding:1rem}.p-2{padding:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-8{padding-left:2rem}.px-8{padding-left:2rem;padding-right:2rem}.mt-8{margin-top:2rem}.mt-4{margin-top:1rem}.mt-2{margin-top:.5rem}.mt-1{margin-top:.25rem}.mt-0\.5{margin-top:.125rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-1{margin-bottom:.25rem}.pt-6{padding-top:1.5rem}.pb-2{padding-bottom:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.top-4{top:1rem}.left-3{left:.75rem}.top-1\/2{top:50%}.-translate-y-1\/2{transform:translateY(-50%)}.hidden{display:none}.block{display:block}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.text-gray-800{color:#1f2937}.text-gray-700{color:#374151}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-red-600{color:#dc2626}.text-blue-700{color:#1d4ed8}.text-primary-600{color:var(--primary-600)}.text-white{color:#fff}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.bg-red-50{background-color:#fef2f2}.bg-blue-50{background-color:#eff6ff}.bg-primary-50{background-color:var(--primary-10)}.bg-primary-600{background-color:var(--primary-600)}.bg-success{background-color:var(--success)}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-red-100{border-color:#fee2e2}.rounded-lg{border-radius:.5rem}.rounded{border-radius:.25rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:text-gray-700:hover{color:#374151}.hover\:bg-primary-700:hover{background-color:var(--primary-700)}.hover\:bg-green-600:hover{background-color:#16a34a}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeIn{animation:fadeIn .3s ease-in-out}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--gray-20);border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--gray-80)}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18)}[data-theme=dark] .glass{background:#1e1e2db3;border:1px solid rgba(255,255,255,.08)}.shadow-premium-sm{box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.shadow-premium{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-premium-lg{box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-premium-xl{box-shadow:0 20px 40px -15px #00000026,0 8px 16px -8px #0000001a}.gradient-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%)}.gradient-secondary{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.gradient-success{background:linear-gradient(135deg,#10b981,#059669)}.gradient-warm{background:linear-gradient(135deg,#f59e0b,#ef4444)}.gradient-cool{background:linear-gradient(135deg,#06b6d4,#3b82f6)}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000026}.hover-scale{transition:transform .15s ease}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .2s ease}.hover-glow:hover{box-shadow:0 0 20px #7c5bbf66}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}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(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-slideUp{animation:slideUp .3s ease-out forwards}.animate-slideDown{animation:slideDown .3s ease-out forwards}.animate-slideInLeft{animation:slideInLeft .3s ease-out forwards}.animate-slideInRight{animation:slideInRight .3s ease-out forwards}.animate-scaleIn{animation:scaleIn .2s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#2b2b40 25%,#323248,#2b2b40 75%);background-size:200% 100%}@keyframes cardFlip{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}@keyframes winCelebrate{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.05)}to{transform:scale(1)}}.animate-cardFlip{animation:cardFlip .3s ease-in-out}.animate-winCelebrate{animation:winCelebrate .5s ease-in-out}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;padding:10px 20px;border-radius:8px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);transform:translateY(-1px);box-shadow:0 4px 12px #7c5bbf66}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--dark-500);padding:10px 20px;border-radius:8px;font-weight:500;border:1px solid var(--gray-20);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--gray-5);border-color:var(--gray-80)}.input-premium{width:100%;padding:12px 16px;border:1.5px solid var(--gray-20);border-radius:10px;font-size:14px;background:#fff;transition:all .2s ease}.input-premium:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #7c5bbf26}.input-premium::placeholder{color:var(--gray-500)}.card-premium{background:#fff;border-radius:16px;border:1px solid var(--gray-10);box-shadow:0 1px 3px #0000000a;transition:all .3s ease;overflow:hidden}.card-premium:hover{box-shadow:0 8px 24px #00000014;border-color:var(--primary-100);transform:translateY(-2px)}[data-theme=dark] .card-premium{background:#1e1e2d;border-color:#2b2b40}[data-theme=dark] .card-premium:hover{border-color:var(--primary-600)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.badge-primary{background:var(--primary-100);color:var(--primary-700)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-error{background:var(--error-bg);color:var(--error)}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:6px 12px;background:var(--dark-500);color:#fff;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;margin-bottom:8px}.tooltip:hover:after{opacity:1;visibility:visible}.progress-bar{height:8px;background:var(--gray-10);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:4px;transition:width .5s ease}.fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7c5bbf66;cursor:pointer;border:none;transition:all .2s ease;z-index:1000}.fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #7c5bbf80}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.empty-state-icon{width:80px;height:80px;background:var(--gray-5);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--gray-500)}.empty-state-title{font-size:18px;font-weight:600;color:var(--dark-500);margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--gray-500);max-width:300px}.sidebar-premium{height:100vh;background:linear-gradient(180deg,var(--white-5) 0%,var(--light-10) 100%);border-right:1px solid var(--gray-10);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1024px){.sidebar-premium{position:fixed;top:0;left:-200px;z-index:2000}.sidebar-premium.mobile-open{left:0;box-shadow:10px 0 30px #0003}}.mobile-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;animation:fadeIn .2s ease-out}[data-theme=dark] .sidebar-premium{background:linear-gradient(180deg,#1a1a2e,#16213e);border-right-color:#ffffff14}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--gray-10)}[data-theme=dark] .sidebar-header{border-bottom-color:#ffffff0f}.sidebar-premium .sidebar-logo{display:flex;align-items:center;gap:10px;padding:0}.sidebar-premium .logo-icon{width:28px;height:28px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:4px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #7c5bbf40;flex-shrink:0}.sidebar-premium .logo-text{font-size:14px;font-weight:700;color:var(--dark-500);white-space:nowrap}[data-theme=dark] .sidebar-premium .logo-text{color:#fff}.collapse-btn{width:28px;height:28px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--gray-500);transition:all .2s ease;cursor:pointer;border:none}.collapse-btn:hover{background:var(--gray-10);color:var(--primary-600)}[data-theme=dark] .collapse-btn:hover{background:#ffffff1a;color:var(--primary-400)}.sidebar-premium.collapsed .collapse-btn{margin:0 auto}.sidebar-nav-premium{flex:1;padding:12px 8px;overflow-y:auto;overflow-x:visible}.nav-item-wrapper{position:relative;margin-bottom:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:4px;color:var(--gray-500);text-decoration:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--primary-500);border-radius:0 4px 4px 0;transition:transform .2s ease}.nav-item:hover{background:#7c5bbf14;color:var(--primary-600)}.nav-item.active{background:linear-gradient(90deg,#7c5bbf26,#7c5bbf0d);color:var(--primary-700);font-weight:600}.nav-item.active:before{transform:translateY(-50%) scaleY(1)}[data-theme=dark] .nav-item:hover{background:#ffffff14;color:#fff}[data-theme=dark] .nav-item.active{background:linear-gradient(90deg,#8b5cf633,#8b5cf60d);color:#a78bfa}.nav-item.collapsed{justify-content:center;padding:10px}.nav-item.collapsed .nav-label{display:none}.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{font-size:12px;font-weight:500;white-space:nowrap}.nav-arrow{margin-left:auto;opacity:.5;transition:transform .2s ease}.nav-arrow.rotated{transform:rotate(90deg)}.group-trigger{cursor:pointer}.group-trigger.hovered{background:#7c5bbf14;color:var(--primary-600)}.flyout-menu-premium{position:fixed;width:200px;background:#fff;border-radius:4px;box-shadow:0 4px 20px #0000001f,0 0 0 1px #0000000d;padding:6px;z-index:9999;animation:flyoutIn .15s ease-out;left:200px;max-height:80vh;overflow-y:auto}.flyout-menu-premium.from-collapsed{left:64px}@keyframes flyoutIn{0%{opacity:0;transform:translate(-8px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.flyout-menu-premium:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px;background:transparent}[data-theme=dark] .flyout-menu-premium{background:#1f2937;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a}.flyout-menu-premium .flyout-header{padding:10px 12px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500);font-weight:700}.flyout-items{display:flex;flex-direction:column;gap:2px}.flyout-menu-premium .flyout-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:4px;color:var(--dark-500);text-decoration:none;font-size:12px;transition:all .15s ease}.flyout-menu-premium .flyout-item:hover{background:#7c5bbf14;color:var(--primary-600)}.flyout-menu-premium .flyout-item.active{background:#7c5bbf1f;color:var(--primary-700);font-weight:500}[data-theme=dark] .flyout-menu-premium .flyout-item{color:#e5e7eb}[data-theme=dark] .flyout-menu-premium .flyout-item:hover{background:#ffffff14;color:#fff}[data-theme=dark] .flyout-menu-premium .flyout-item.active{background:#8b5cf633;color:#a78bfa}.flyout-dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.sidebar-footer{padding:12px;border-top:1px solid var(--gray-10)}[data-theme=dark] .sidebar-footer{border-top-color:#ffffff0f}.theme-toggle-premium{margin-bottom:12px}.theme-toggle-premium.collapsed{display:flex;justify-content:center}.theme-toggle-premium .theme-toggle-container{display:flex;background:var(--gray-5);border-radius:10px;padding:4px}[data-theme=dark] .theme-toggle-premium .theme-toggle-container{background:#ffffff14}.theme-toggle-premium .theme-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:500;background:transparent;color:var(--gray-500);border:none;cursor:pointer;transition:all .2s ease;flex:1}.theme-toggle-premium .theme-btn.active{background:#fff;color:var(--primary-600);box-shadow:0 2px 8px #00000014}[data-theme=dark] .theme-toggle-premium .theme-btn.active{background:var(--primary-600);color:#fff}.theme-btn-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:var(--gray-5);color:var(--gray-500);border:none;cursor:pointer;transition:all .2s ease}.theme-btn-icon:hover{background:var(--primary-100);color:var(--primary-600)}[data-theme=dark] .theme-btn-icon{background:#ffffff14;color:#e5e7eb}[data-theme=dark] .theme-btn-icon:hover{background:#8b5cf633;color:#a78bfa}.user-section{position:relative}.user-profile-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left}.user-profile-btn:hover{background:var(--gray-5)}[data-theme=dark] .user-profile-btn:hover{background:#ffffff14}.user-profile-btn.collapsed{justify-content:center;padding:10px}.user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-600) 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:13px;font-weight:600;color:var(--dark-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[data-theme=dark] .user-name{color:#fff}.user-role{font-size:11px;color:var(--gray-500)}.user-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:8px;z-index:1000}[data-theme=dark] .user-menu{background:#1f2937;box-shadow:0 10px 40px #0006}.user-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--dark-500);text-decoration:none;font-size:14px;background:none;border:none;width:100%;cursor:pointer;transition:all .15s ease}.user-menu-item:hover{background:var(--gray-5)}[data-theme=dark] .user-menu-item{color:#e5e7eb}[data-theme=dark] .user-menu-item:hover{background:#ffffff14}.user-menu-item.logout{color:var(--error)}.user-menu-item.logout:hover{background:#f46a6a1a}.user-menu-divider{height:1px;background:var(--gray-10);margin:6px 0}[data-theme=dark] .user-menu-divider{background:#ffffff1a}.header-premium{display:flex!important;width:100%!important;max-width:none!important;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;border-bottom:1px solid var(--gray-10);height:52px;min-height:52px;max-height:52px;box-sizing:border-box}[data-theme=dark] .header-premium{background:#1a1a2e;border-bottom-color:#ffffff0f}.header-premium .header-left{display:flex!important;flex-direction:row!important;align-items:center;gap:16px;height:100%}.header-premium .collapse-btn.header-collapse{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:transparent;color:var(--gray-500);transition:all .15s ease;flex-shrink:0;margin:0;cursor:pointer}.header-premium .collapse-btn.header-collapse:hover{background:var(--gray-5);color:var(--dark-500)}.header-premium .collapse-btn.header-collapse:active{transform:scale(.95)}.header-premium .collapse-btn.header-collapse svg{width:20px;height:20px}[data-theme=dark] .header-premium .collapse-btn.header-collapse{color:#ffffffb3}[data-theme=dark] .header-premium .collapse-btn.header-collapse:hover{background:#ffffff1a;color:#fff}.header-premium .header-title-block{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;text-align:left}.header-premium .header-title{font-size:14px!important;font-weight:600;color:var(--dark-500);margin:0;line-height:1.2;text-align:left}[data-theme=dark] .header-premium .header-title{color:#fff}.header-premium .header-subtitle{font-size:10px!important;color:var(--gray-500);line-height:1.2;margin:0;text-align:left}.header-premium .header-right{display:flex;align-items:center;gap:12px}@media (max-width: 640px){.header-premium .user-info,.header-premium .chevron,.header-premium .header-subtitle{display:none!important}.header-premium .header-title{font-size:13px!important}}.header-search-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--gray-5);border:1px solid var(--gray-10);border-radius:10px;color:var(--gray-500);cursor:pointer;transition:all .2s ease;min-width:240px}@media (max-width: 768px){.header-search-btn{min-width:40px;padding:8px;justify-content:center}.search-placeholder,.search-shortcut{display:none!important}}.header-search-btn:hover{background:#fff;border-color:var(--gray-20);box-shadow:0 2px 8px #0000000f}[data-theme=dark] .header-search-btn{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .header-search-btn:hover{background:#ffffff1a}.search-placeholder{flex:1;text-align:left;font-size:12px}.search-shortcut{display:flex;align-items:center;gap:4px;padding:3px 6px;background:#fff;border:1px solid var(--gray-20);border-radius:3px;font-size:10px;font-weight:500;color:var(--gray-500)}[data-theme=dark] .search-shortcut{background:#ffffff1a;border-color:#ffffff26}.header-notifications{position:relative}.notification-btn{position:relative;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.notification-btn:hover,.notification-btn.active{background:var(--gray-5);color:var(--dark-500)}[data-theme=dark] .notification-btn:hover,[data-theme=dark] .notification-btn.active{background:#ffffff1a;color:#fff}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--error);color:#fff;font-size:10px;font-weight:600;border-radius:3px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:340px;background:#fff;border-radius:4px;box-shadow:0 4px 24px #0000001f;z-index:1000;overflow:hidden}[data-theme=dark] .notification-dropdown{background:#1f2937;box-shadow:0 10px 50px #0006}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-10)}[data-theme=dark] .notification-header{border-bottom-color:#ffffff1a}.notification-header h3{font-size:16px;font-weight:600;color:var(--dark-500);margin:0}[data-theme=dark] .notification-header h3{color:#fff}.mark-all-read{display:flex;align-items:center;gap:4px;padding:6px 10px;background:transparent;border:none;border-radius:6px;color:var(--primary-600);font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease}.mark-all-read:hover{background:var(--primary-5)}.notification-list{max-height:360px;overflow-y:auto}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;cursor:pointer;transition:background .15s ease;position:relative}.notification-item:hover{background:var(--gray-5)}[data-theme=dark] .notification-item:hover{background:#ffffff0d}.notification-item.unread{background:#7c5bbf0d}.notification-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon.leave{background:#dbeafe;color:#2563eb}.notification-icon.announcement{background:#fef3c7;color:#d97706}.notification-icon.document{background:#d1fae5;color:#059669}.notification-icon.reminder{background:#fee2e2;color:#dc2626}.notification-content{flex:1;min-width:0}.notification-title{font-size:12px;font-weight:600;color:var(--dark-500);margin-bottom:2px}[data-theme=dark] .notification-title{color:#fff}.notification-message{font-size:11px;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-time{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--gray-500);margin-top:4px}.notification-dot{width:8px;height:8px;background:var(--primary-500);border-radius:50%;flex-shrink:0}.notification-empty{padding:40px 20px;text-align:center;color:var(--gray-500)}.notification-empty p{margin-top:12px;font-size:14px}.notification-footer{padding:12px 20px;border-top:1px solid var(--gray-10)}[data-theme=dark] .notification-footer{border-top-color:#ffffff1a}.notification-footer button{width:100%;padding:10px;background:transparent;border:none;color:var(--primary-600);font-size:13px;font-weight:500;cursor:pointer;border-radius:8px;transition:background .2s ease}.notification-footer button:hover{background:var(--primary-5)}.header-user-section{position:relative}.user-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease}.user-btn:hover,.user-btn.active{background:var(--gray-5);border-color:var(--gray-10)}[data-theme=dark] .user-btn:hover,[data-theme=dark] .user-btn.active{background:#ffffff14;border-color:#ffffff1a}.user-btn .user-avatar{width:28px;height:28px;border-radius:4px;object-fit:cover}.user-btn .user-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.user-btn .user-name{font-size:13px;font-weight:600;color:var(--dark-500);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .user-btn .user-name{color:#fff}.user-btn .user-role-badge{font-size:11px;color:var(--gray-500)}.user-btn .chevron{color:var(--gray-500);transition:transform .2s ease}.user-btn .chevron.rotated{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:240px;background:#fff;border-radius:4px;box-shadow:0 4px 24px #0000001f;z-index:1000;overflow:hidden}[data-theme=dark] .user-dropdown{background:#1f2937;box-shadow:0 10px 50px #0006}.user-dropdown-header{display:flex;align-items:center;gap:10px;padding:12px;border-bottom:1px solid var(--gray-10)}[data-theme=dark] .user-dropdown-header{border-bottom-color:#ffffff1a}.user-dropdown-header img{width:36px;height:36px;border-radius:4px;object-fit:cover}.user-dropdown-name{font-size:14px;font-weight:600;color:var(--dark-500)}[data-theme=dark] .user-dropdown-name{color:#fff}.user-dropdown-email{font-size:12px;color:var(--gray-500)}.user-dropdown-menu{padding:8px}.dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--dark-500);font-size:14px;cursor:pointer;transition:background .15s ease;text-align:left}.dropdown-item:hover{background:var(--gray-5)}[data-theme=dark] .dropdown-item{color:#e5e7eb}[data-theme=dark] .dropdown-item:hover{background:#ffffff14}.user-dropdown-footer{padding:8px;border-top:1px solid var(--gray-10)}[data-theme=dark] .user-dropdown-footer{border-top-color:#ffffff1a}.logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:8px;color:var(--error);font-size:14px;cursor:pointer;transition:background .15s ease}.logout-btn:hover{background:#f46a6a1a}.search-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.search-modal{width:100%;max-width:600px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;overflow:hidden}[data-theme=dark] .search-modal{background:#1f2937}.search-input-wrapper{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--gray-10)}[data-theme=dark] .search-input-wrapper{border-bottom-color:#ffffff1a}.search-input-wrapper .search-icon{color:var(--gray-500);flex-shrink:0}.search-input-wrapper input{flex:1;font-size:16px;background:transparent;color:var(--dark-500)}[data-theme=dark] .search-input-wrapper input{color:#fff}.search-input-wrapper input::placeholder{color:var(--gray-500)}.search-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--gray-5);border:none;border-radius:8px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.search-close:hover{background:var(--gray-10);color:var(--dark-500)}.search-results{padding:16px;max-height:400px;overflow-y:auto}.search-suggestions{text-align:center;color:var(--gray-500)}.search-suggestions p{font-size:14px;margin-bottom:12px}.suggestion-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.suggestion-tags span{padding:6px 12px;background:var(--gray-5);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s ease}.suggestion-tags span:hover{background:var(--primary-100);color:var(--primary-700)}.search-category{margin-bottom:16px}.category-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--gray-500);letter-spacing:.5px;margin-bottom:8px;display:block}.search-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--dark-500);cursor:pointer;transition:background .15s ease}.search-item:hover{background:var(--gray-5)}[data-theme=dark] .search-item{color:#e5e7eb}[data-theme=dark] .search-item:hover{background:#ffffff14}.rounded,.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl,.rounded-2xl{border-radius:4px!important}.rounded-full{border-radius:50%!important}.shadow-sm,.shadow,.shadow-md{box-shadow:0 1px 3px #00000014,0 0 0 1px #00000005!important}.shadow-lg,.shadow-xl{box-shadow:0 4px 12px #0000001a,0 0 0 1px #00000005!important}.bg-white{background-color:var(--white-5)!important}.bg-gray-50,.bg-gray-100{background-color:var(--gray-5)!important}[data-theme=dark] .bg-white{background-color:#1a1a2e!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-gray-100{background-color:#2b2b40!important}.border-gray-200,.border-gray-300{border-color:var(--gray-10)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-300{border-color:#ffffff1a!important}.text-gray-900{color:var(--dark-500)!important}.text-gray-700,.text-gray-600{color:var(--dark-80)!important}.text-gray-500,.text-gray-400{color:var(--gray-500)!important}[data-theme=dark] .text-gray-900{color:#fff!important}[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-600{color:#e5e7eb!important}.bg-indigo-600,.bg-purple-600,.bg-violet-600{background-color:var(--primary-600)!important}.bg-indigo-600:hover,.bg-purple-600:hover,.bg-violet-600:hover,.hover\:bg-indigo-700:hover,.hover\:bg-purple-700:hover{background-color:var(--primary-700)!important}.text-indigo-600,.text-purple-600,.text-violet-600{color:var(--primary-600)!important}.bg-green-100{background-color:var(--success-bg)!important}.text-green-600,.text-green-700{color:var(--success)!important}.bg-green-500,.bg-green-600{background-color:var(--success)!important}.bg-red-100{background-color:var(--error-bg)!important}.text-red-600,.text-red-700{color:var(--error)!important}.bg-amber-500,.bg-yellow-500,.bg-orange-500{background-color:var(--warning)!important}.bg-amber-100,.bg-yellow-100,.bg-orange-100{background-color:var(--warning-bg)!important}.text-amber-600,.text-orange-600,.text-yellow-600{color:var(--warning)!important}.text-xs{font-size:10px!important}.text-sm{font-size:12px!important}.text-base{font-size:13px!important}.text-lg{font-size:14px!important}.text-xl{font-size:16px!important}.text-2xl{font-size:18px!important}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=date],input[type=tel],select,textarea{font-size:12px;border-radius:4px;border-color:var(--gray-20);padding:8px 12px;color:var(--dark-500);background-color:var(--white-5)}.role-select,.role-select option,.location-select,.location-select option{background-color:#fff!important;color:#111827!important}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 2px #7c5bbf26}button{font-size:12px;border-radius:4px;transition:all .2s ease}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--gray-20);border-radius:4px;color:var(--gray-500);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--gray-5);border-color:var(--gray-80);color:var(--dark-500)}[data-theme=dark] .icon-btn{border-color:#ffffff1a;color:#a1a5b7}[data-theme=dark] .icon-btn:hover{background:#ffffff14;color:#e5e7eb}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}[data-theme=dark] .modal-overlay{background:#000000b3}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;padding:24px;position:relative;animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-overlay>div{border-radius:4px;box-shadow:0 8px 32px #00000026}[data-theme=dark] .modal-content{background:#1a1a2e!important;box-shadow:0 20px 60px #0009}[data-theme=dark] .modal-overlay>div{background:#1a1a2e!important;box-shadow:0 8px 32px #0006}table{font-size:12px}th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--gray-500);background:var(--gray-5);padding:10px 12px;text-align:left}td{padding:10px 12px;border-bottom:1px solid var(--gray-10);color:var(--dark-500)}[data-theme=dark] th{background:#ffffff0d;color:#a1a5b7}[data-theme=dark] td{border-bottom-color:#ffffff0f;color:#e5e7eb}.px-2.py-0\.5{padding:2px 8px!important;border-radius:4px!important;font-size:10px!important}.p-4{padding:12px!important}.p-6{padding:16px!important}.mb-6{margin-bottom:16px!important}.mb-4{margin-bottom:12px!important}.gap-4{gap:12px!important}.gap-3{gap:10px!important}.gap-2{gap:8px!important}.border-dashed{border-style:dashed!important;border-color:var(--gray-20)!important}.animate-spin{color:var(--primary-500)}.space-y-4>*+*{margin-top:12px!important}.dashboard-row-top,.dashboard-row-middle,.dashboard-row-bottom{display:flex;gap:8px;margin-bottom:8px;width:100%}.dashboard-row-top,.dashboard-row-middle{flex:0 0 auto}.dashboard-row-bottom{flex:1;min-height:0;overflow:hidden}.dashboard-row-bottom .card{height:100%;display:flex;flex-direction:column}.dashboard-row-bottom .card-body{flex:1;overflow-y:auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-secondary{background-color:#fff;color:var(--dark-500);border:1px solid var(--gray-20)}.btn-secondary:hover{background-color:var(--gray-5);border-color:var(--gray-80)}[data-theme=dark] .btn-secondary{background-color:#ffffff1a;color:#fff;border-color:#fff3}[data-theme=dark] .btn-secondary:hover{background-color:#ffffff26}.hr-dashboard{display:flex;flex-direction:column;gap:16px;padding:0}.welcome-banner{background:linear-gradient(135deg,#1e3a5f,#2d5a7b,#4a7c8f);border-radius:12px;padding:24px 32px;color:#fff;position:relative;overflow:hidden;min-height:80px;display:flex;align-items:center}.welcome-banner:before{content:"";position:absolute;right:0;top:0;width:50%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 200'%3E%3Ccircle cx='350' cy='100' r='80' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='300' cy='50' r='40' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='380' cy='150' r='30' fill='rgba(255,255,255,0.04)'/%3E%3C/svg%3E") no-repeat right center;background-size:contain;opacity:.8}.welcome-banner h1{font-size:24px;font-weight:600;margin:0;z-index:1}.hr-dashboard-main{display:grid;grid-template-columns:1fr 380px;gap:20px}.hr-left-column,.hr-right-column{display:flex;flex-direction:column;gap:16px}.quick-access-title{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:12px}.inbox-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px;display:flex;align-items:center;justify-content:space-between}.inbox-content{display:flex;align-items:center;gap:16px}.inbox-count{font-size:32px;font-weight:700;color:var(--dark-500)}.inbox-text{font-size:13px;color:var(--gray-500);line-height:1.4}.inbox-text strong{color:var(--primary-600);cursor:pointer}.take-action-btn{background:var(--primary-600);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.take-action-btn:hover{background:var(--primary-700)}.holiday-widget{background:linear-gradient(135deg,#16a34a,#22c55e,#4ade80);border-radius:12px;padding:20px;color:#fff;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.holiday-nav-btn{width:28px;height:28px;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.holiday-nav-btn:hover{background:#ffffff4d}.holiday-content{flex:1;padding:0 16px}.holiday-label{font-size:12px;font-weight:500;opacity:.9;display:flex;align-items:center;justify-content:space-between}.holiday-view-all{color:#fff;text-decoration:underline;cursor:pointer;font-size:12px}.holiday-name{font-size:24px;font-weight:700;margin:8px 0 4px}.holiday-date{font-size:14px;opacity:.9}.holiday-flag{position:absolute;right:60px;top:50%;transform:translateY(-50%);width:100px;height:70px;opacity:.85}.holiday-flag-stripe{height:33.33%}.holiday-flag-stripe.orange{background:#f93;border-radius:4px 4px 0 0}.holiday-flag-stripe.white{background:#fff;position:relative}.holiday-flag-stripe.green{background:#138808;border-radius:0 0 4px 4px}.ashoka-chakra{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid #000080;border-radius:50%}.on-leave-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.on-leave-header{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:12px}.on-leave-content{display:flex;align-items:center;justify-content:space-between}.on-leave-message{display:flex;flex-direction:column}.on-leave-title{font-size:14px;font-weight:600;color:var(--dark-500)}.on-leave-subtitle{font-size:12px;color:var(--gray-500)}.on-leave-illustration{width:60px;height:60px;background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-radius:8px;display:flex;align-items:center;justify-content:center}.working-remotely-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.working-remotely-header{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:12px}.remote-avatars{display:flex;gap:16px}.remote-avatar-item{display:flex;flex-direction:column;align-items:center;gap:6px}.remote-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:#fff;position:relative}.remote-avatar.purple{background:#8b5cf6}.remote-avatar.teal{background:#14b8a6}.remote-badge{position:absolute;top:-2px;right:-2px;width:16px;height:16px;background:#ef4444;border-radius:50%;border:2px solid white;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff}.remote-name{font-size:11px;color:var(--dark-500)}.time-today-widget{background:linear-gradient(135deg,#4c1d95,#6d28d9,#8b5cf6);border-radius:12px;padding:20px;color:#fff;display:flex;justify-content:space-between;align-items:center}.time-today-left h3{font-size:12px;font-weight:500;opacity:.9;margin:0 0 4px}.time-today-label{font-size:11px;opacity:.8;margin-top:8px}.time-display{display:flex;align-items:baseline;gap:4px}.time-display .time{font-size:36px;font-weight:700}.time-display .seconds{font-size:18px;font-weight:500}.time-display .period{font-size:14px;margin-left:4px}.time-today-right{display:flex;align-items:center;gap:8px}.clock-in-btn{background:#fff;color:#4c1d95;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.clock-in-btn:hover{background:#f3f4f6}.other-btn{background:#fff3;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px}.view-all-link{color:#fff;text-decoration:underline;font-size:12px;cursor:pointer}.project-time-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.project-time-header{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:12px}.project-time-content{display:flex;align-items:center;justify-content:space-between}.no-entries{display:flex;flex-direction:column;gap:8px}.no-entries-text{font-size:13px;color:var(--gray-500)}.no-entries-text a{color:var(--primary-600);text-decoration:underline;cursor:pointer}.add-time-btn{background:var(--success);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.add-time-btn:hover{background:#22c55e}.project-time-illustration{width:80px;height:80px}.leave-balance-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.leave-balance-header{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:16px}.leave-balance-content{display:flex;align-items:center;gap:24px}.leave-circle{display:flex;flex-direction:column;align-items:center;gap:8px}.leave-ring{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;position:relative}.leave-ring.sick{background:conic-gradient(#3b82f6,#3b82f6 216deg,#e5e7eb 216deg,#e5e7eb 360deg)}.leave-ring.casual{background:conic-gradient(#8b5cf6,#8b5cf6 216deg,#e5e7eb 216deg,#e5e7eb 360deg)}.leave-ring:before{content:"";position:absolute;width:50px;height:50px;background:#fff;border-radius:50%}.leave-ring span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;font-size:16px}.leave-ring .days-label{font-size:10px;font-weight:400;color:var(--gray-500)}.leave-type{font-size:11px;color:var(--gray-500);text-transform:uppercase;font-weight:500}.leave-type.sick{color:#3b82f6}.leave-type.casual{color:#8b5cf6}.leave-links{display:flex;flex-direction:column;gap:8px;margin-left:auto}.leave-links a{color:var(--primary-600);font-size:13px;text-decoration:none;cursor:pointer}.leave-links a:hover{text-decoration:underline}.panel-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-20);margin-bottom:16px}.panel-tab{padding:12px 20px;font-size:14px;font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s}.panel-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.panel-tab:hover{color:var(--primary-600)}.post-creator-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.post-tabs{display:flex;gap:8px;margin-bottom:12px;border-bottom:1px solid var(--gray-10);padding-bottom:12px}.post-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;color:var(--gray-500);background:none;border:none;cursor:pointer;transition:all .2s}.post-tab.active{color:var(--primary-600)}.post-tab svg{width:16px;height:16px}.post-input{width:100%;padding:12px;border:1px solid var(--gray-20);border-radius:6px;font-size:13px;color:var(--gray-500);resize:none;min-height:60px}.post-input:focus{outline:none;border-color:var(--primary-400)}.announcements-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.announcements-header{display:flex;align-items:center;justify-content:space-between}.announcements-title{font-size:13px;color:var(--gray-500)}.add-announcement-btn{width:28px;height:28px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.celebrations-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}.celebrations-tabs{display:flex;gap:16px;border-bottom:1px solid var(--gray-10);padding-bottom:12px;margin-bottom:16px}.celebration-tab{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gray-500);background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.celebration-tab.active{color:var(--dark-500);font-weight:600}.celebration-tab .count{background:var(--gray-10);padding:2px 6px;border-radius:10px;font-size:11px}.celebration-tab.active .count{background:var(--primary-100);color:var(--primary-600)}.birthdays-section h4{font-size:13px;font-weight:500;color:var(--dark-500);margin-bottom:12px}.no-birthdays{display:flex;flex-direction:column;align-items:center;padding:24px;color:var(--gray-500);font-size:13px}.no-birthdays-icon{width:60px;height:60px;margin-bottom:12px}.upcoming-birthdays h4{font-size:13px;font-weight:500;color:var(--dark-500);margin:16px 0 12px}.birthday-avatars{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.birthday-avatar-item{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:60px}.birthday-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--gray-10)}.birthday-avatar.initials{display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.birthday-name{font-size:11px;color:var(--dark-500);text-align:center;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.birthday-date{font-size:10px;color:var(--primary-600)}.posts-widget{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center}.posts-illustration{width:120px;height:100px;margin-bottom:16px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:8px;display:flex;align-items:center;justify-content:center}.posts-illustration-inner{width:80px;height:60px;background:#fff;border-radius:6px;border:1px solid var(--gray-20);position:relative}.posts-illustration-inner:before,.posts-illustration-inner:after{content:"";position:absolute;left:50%;transform:translate(-50%);background:var(--primary-400);border-radius:4px}.posts-illustration-inner:before{top:15px;width:20px;height:20px;border-radius:50%}.posts-illustration-inner:after{bottom:10px;width:50px;height:6px}.posts-empty-title{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:8px}.posts-empty-subtitle{font-size:12px;color:var(--gray-500);margin-bottom:16px}.create-post-btn{background:var(--primary-600);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .2s}.create-post-btn:hover{background:var(--primary-700)}.collapse-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:transform .2s}.collapse-btn.collapsed{transform:rotate(180deg)}@media (max-width: 1200px){.hr-dashboard-main{grid-template-columns:1fr}.hr-right-column{order:-1}}@media (max-width: 768px){.welcome-banner{padding:16px 20px}.welcome-banner h1{font-size:20px}.time-display .time{font-size:28px}.leave-balance-content{flex-wrap:wrap}}.hr-main-tabs{display:flex;gap:0;border-bottom:2px solid var(--gray-10);margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hr-main-tabs::-webkit-scrollbar{display:none}.hr-main-tab{padding:10px 16px;font-size:11px;font-weight:600;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.hr-main-tab:hover{color:var(--primary-600)}.hr-main-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.hr-attendance-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px}.hr-section-title{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:12px}.hr-stats-column{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:16px}@media (max-width: 768px){.hr-main-tabs{margin-bottom:16px}.hr-main-tab{padding:8px 12px;font-size:10px}.hr-stats-column{padding:12px}}.hr-period-selector{display:flex;align-items:center;gap:8px;margin-bottom:20px}.hr-period-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;font-size:13px;color:var(--dark-500);cursor:pointer}.hr-info-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--gray-20);border-radius:50%;color:var(--gray-500);cursor:pointer}.hr-stat-row{display:grid;grid-template-columns:40px 80px 80px auto 60px auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--gray-10)}.hr-stat-row:last-child{border-bottom:none}.hr-stat-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.hr-stat-avatar.me{background:linear-gradient(135deg,#f97316,#fb923c)}.hr-stat-avatar.team{background:linear-gradient(135deg,#06b6d4,#22d3ee)}.hr-stat-label{font-size:14px;font-weight:500;color:var(--dark-500)}.hr-stat-value{font-size:16px;font-weight:700;color:var(--dark-500)}.hr-stat-sublabel{font-size:10px;color:var(--gray-500);text-transform:uppercase}.hr-stat-percent{font-size:16px;font-weight:700;color:var(--dark-500)}.hr-timings-column{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:20px}.hr-weekday-selector{display:flex;gap:8px;margin-bottom:24px}.hr-weekday-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;font-weight:500;background:none;border:1px solid var(--gray-20);color:var(--gray-500);cursor:pointer;transition:all .2s}.hr-weekday-btn:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-weekday-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:#fff}.hr-shift-info{margin-top:16px}.hr-shift-label{font-size:13px;color:var(--dark-500);margin-bottom:12px;display:block}.hr-shift-progress{height:8px;background:var(--gray-10);border-radius:4px;overflow:hidden;margin-bottom:12px}.hr-shift-progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-600),var(--primary-400));border-radius:4px;transition:width .3s ease}.hr-shift-duration{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--gray-500)}.hr-break-time{display:flex;align-items:center;gap:4px}.hr-actions-column{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:20px}.hr-live-clock{text-align:center;padding:20px 0;border-bottom:1px solid var(--gray-10);margin-bottom:20px}.hr-clock-time{font-size:32px;font-weight:700;color:var(--dark-500);margin-bottom:4px}.hr-clock-time .time{font-family:Inter,monospace}.hr-clock-time .period{font-size:16px;font-weight:500;margin-left:4px;color:var(--gray-500)}.hr-clock-date{font-size:13px;color:var(--gray-500)}.hr-action-buttons{display:flex;flex-direction:column;gap:10px}.hr-action-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.hr-action-btn.web-clock{background:var(--primary-600);color:#fff}.hr-action-btn.web-clock:hover{background:var(--primary-700)}.hr-action-btn.wfh{background:var(--white-5);border:1px solid var(--gray-20);color:var(--dark-500)}.hr-action-btn.wfh:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-action-btn.policy{background:var(--white-5);border:1px solid var(--gray-20);color:var(--dark-500)}.hr-action-btn.policy:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-logs-section{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:20px}.hr-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hr-format-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-500)}.hr-toggle{position:relative;display:inline-block;width:40px;height:22px}.hr-toggle input{opacity:0;width:0;height:0}.hr-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--gray-20);transition:.3s;border-radius:22px}.hr-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.hr-toggle input:checked+.hr-toggle-slider{background-color:var(--primary-600)}.hr-toggle input:checked+.hr-toggle-slider:before{transform:translate(18px)}.hr-logs-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-10);margin-bottom:16px}.hr-logs-tab{padding:12px 20px;font-size:13px;font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:all .2s}.hr-logs-tab:hover{color:var(--dark-500)}.hr-logs-tab.active{color:var(--dark-500);border-bottom-color:var(--primary-600);font-weight:600}.hr-period-filter{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hr-period-label{font-size:14px;font-weight:600;color:var(--dark-500)}.hr-month-buttons{display:flex;gap:0;background:var(--gray-5);border-radius:6px;overflow:hidden}.hr-month-btn{padding:8px 16px;font-size:12px;font-weight:500;color:var(--gray-500);background:none;border:none;cursor:pointer;transition:all .2s}.hr-month-btn:hover{color:var(--dark-500)}.hr-month-btn.active{background:var(--primary-600);color:#fff}.hr-logs-content{min-height:200px}.hr-log-table{width:100%;border-collapse:collapse}.hr-log-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-5);border-bottom:1px solid var(--gray-10)}.hr-log-table td{padding:14px 16px;font-size:13px;color:var(--dark-500);border-bottom:1px solid var(--gray-10)}.hr-log-table tr:hover{background:var(--gray-5)}.hr-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500}.hr-status-badge.completed{background:var(--success-bg);color:var(--success)}.hr-status-badge.active{background:#dbeafe;color:#2563eb}.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--gray-500);text-align:center}.hr-empty-state svg{margin-bottom:16px;opacity:.5}.hr-empty-state p{font-size:14px}.hr-calendar-view,.hr-requests-view{padding:16px 0}@media (max-width: 1024px){.hr-attendance-grid{grid-template-columns:1fr}.hr-stat-row{grid-template-columns:40px 1fr;gap:8px}}@media (max-width: 768px){.hr-main-tabs{padding-bottom:8px}.hr-month-buttons{flex-wrap:wrap}}.hr-sub-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-10);margin-bottom:24px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.hr-sub-tabs::-webkit-scrollbar{display:none}.hr-sub-tab{padding:10px 14px;font-size:12px;font-weight:500;color:var(--gray-500);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .2s;display:flex;align-items:center;gap:8px}@media (max-width: 768px){.hr-sub-tabs{margin-bottom:16px;gap:0}.hr-sub-tab{padding:8px 12px;font-size:11px}}.hr-sub-tab:hover{color:var(--dark-500)}.hr-sub-tab.active{color:var(--dark-500);border-bottom-color:var(--primary-600);font-weight:600}.hr-badge{background:#e11d48;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.hr-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hr-page-title{font-size:18px;font-weight:600;color:var(--dark-500)}.hr-page-actions{display:flex;align-items:center;gap:16px}.hr-toggle-wrapper{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--gray-500)}.hr-view-toggle{display:flex;border:1px solid var(--gray-20);border-radius:6px;overflow:hidden}.hr-view-btn{padding:8px 12px;background:var(--white-5);border:none;cursor:pointer;color:var(--gray-500);transition:all .2s}.hr-view-btn:first-child{border-right:1px solid var(--gray-20)}.hr-view-btn.active{background:var(--primary-100);color:var(--primary-600)}.hr-view-btn:hover{color:var(--primary-600)}.hr-week-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.hr-week-selector{display:flex;align-items:center;gap:8px}.hr-nav-arrow{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;cursor:pointer;color:var(--gray-500);transition:all .2s}.hr-nav-arrow:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-week-range{font-size:14px;font-weight:500;color:var(--dark-500);padding:0 8px}.hr-calendar-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;cursor:pointer;color:var(--gray-500)}.hr-copy-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;font-size:13px;font-weight:500;color:var(--dark-500);cursor:pointer;transition:all .2s}.hr-copy-btn:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-total-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;margin-bottom:16px;flex-wrap:wrap;gap:12px}.hr-total-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hr-total-label{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--gray-500)}.hr-total-value{font-size:14px;font-weight:600;color:var(--dark-500)}.hr-total-progress{width:120px;height:5px;background:var(--gray-10);border-radius:3px;overflow:hidden}.hr-progress-bar{height:100%;background:linear-gradient(90deg,var(--success),#4ade80);border-radius:3px}.hr-total-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hr-legend-item{display:flex;align-items:center;gap:6px}.hr-legend-dot{width:8px;height:8px;border-radius:50%}.hr-legend-dot.billable{background:#22c55e}.hr-legend-dot.non-billable{background:#f59e0b}.hr-legend-dot.time-off{background:#3b82f6}.hr-legend-label{font-size:11px;color:var(--gray-500)}.hr-legend-value{font-size:12px;font-weight:600;color:var(--dark-500)}.hr-help-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--gray-500);cursor:pointer}.hr-timesheet-grid{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;overflow:hidden}.hr-grid-table{width:100%;border-collapse:collapse}.hr-grid-table th{padding:12px 16px;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-5);border-bottom:1px solid var(--gray-10);text-align:center}.hr-grid-table th.hr-project-col{text-align:left;width:200px}.hr-grid-table th.hr-day-col{width:90px}.hr-grid-table th.hr-day-col.today{background:var(--primary-100)}.hr-day-date{display:block;font-size:12px;font-weight:600;color:var(--dark-500)}.hr-day-name{display:block;font-size:10px;font-weight:500;color:var(--gray-500);text-transform:uppercase}.hr-grid-table th.hr-total-col{width:100px}.hr-grid-table th.hr-total-col span{display:block;font-size:10px}.hr-grid-table td{padding:14px 16px;font-size:13px;color:var(--dark-500);border-bottom:1px solid var(--gray-10);text-align:center}.hr-grid-table td.hr-project-cell{text-align:left;font-weight:500;color:var(--gray-500);text-transform:uppercase;font-size:12px}.hr-grid-table td.hr-time-cell{font-weight:500}.hr-grid-table td.hr-time-cell.today{background:var(--primary-5)}.hr-grid-table td.hr-total-cell{font-weight:600;color:var(--dark-500)}.hr-attendance-row{background:var(--white-5)}.hr-add-entry-row td{padding:8px 16px}.hr-add-entry-cell{text-align:left!important}.hr-add-entry-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:none;border:none;font-size:13px;font-weight:500;color:var(--primary-600);cursor:pointer;transition:all .2s}.hr-add-entry-btn:hover{color:var(--primary-700)}.hr-totals-row{background:var(--gray-5)}.hr-totals-row .hr-project-cell{display:flex;align-items:center;gap:8px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}@media (max-width: 1200px){.hr-total-summary{flex-wrap:wrap;gap:16px}.hr-total-progress{width:100px}}@media (max-width: 768px){.hr-timesheet-grid{overflow-x:auto}.hr-grid-table{min-width:800px}.hr-week-nav{flex-direction:column;gap:12px;align-items:flex-start}}.hr-projects-allocated{display:flex;flex-direction:column;gap:20px}.hr-filter-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--gray-10)}.hr-filter-group{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.hr-filter-item{display:flex;flex-direction:column;gap:6px}.hr-filter-item label{font-size:12px;font-weight:500;color:var(--gray-500)}.hr-date-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;min-width:140px}.hr-date-input input{border:none;background:transparent;font-size:13px;color:var(--dark-500);width:100%}.hr-date-input input::placeholder{color:var(--gray-500)}.hr-date-input svg{color:var(--gray-500);flex-shrink:0}.hr-select-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;min-width:140px;position:relative}.hr-select-input select{border:none;background:transparent;font-size:13px;color:var(--dark-500);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-right:20px}.hr-select-input svg{position:absolute;right:12px;color:var(--gray-500);pointer-events:none}.hr-search-input{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;min-width:180px}.hr-search-input input{border:none;background:transparent;font-size:13px;color:var(--dark-500);width:100%}.hr-search-input input::placeholder{color:var(--gray-500)}.hr-search-input svg{color:var(--gray-500);flex-shrink:0}.hr-download-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;color:var(--gray-500);cursor:pointer;transition:all .2s}.hr-download-btn:hover{border-color:var(--primary-400);color:var(--primary-600)}.hr-projects-table-container{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;overflow:hidden}.hr-projects-table{width:100%;border-collapse:collapse}.hr-projects-table th{padding:14px 16px;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;text-align:left;background:var(--gray-5);border-bottom:1px solid var(--gray-10)}.hr-projects-table th.hr-project-name-col{width:35%}.hr-projects-table th.hr-status-col{width:15%}.hr-projects-table th.hr-managers-col,.hr-projects-table th.hr-duration-col{width:25%}.hr-projects-table td{padding:16px;font-size:14px;color:var(--dark-500);border-bottom:1px solid var(--gray-10);vertical-align:middle}.hr-projects-table tr:last-child td{border-bottom:none}.hr-projects-table tr:hover{background:var(--gray-5)}.hr-project-name-cell{display:flex;align-items:center;gap:12px}.hr-expand-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--gray-500);cursor:pointer;transition:color .2s}.hr-expand-btn:hover{color:var(--primary-600)}.hr-status-cell{color:var(--dark-500)}.hr-managers-cell{display:flex;align-items:center;gap:4px}.hr-manager-link{color:var(--primary-600);text-decoration:none;font-weight:500}.hr-manager-link:hover{text-decoration:underline}.hr-manager-more{color:var(--primary-600);font-weight:500}.hr-duration-cell{color:var(--dark-500)}.hr-pagination{display:flex;align-items:center;justify-content:flex-end;gap:24px;padding:16px 0}.hr-pagination-info{font-size:13px;color:var(--gray-500)}.hr-pagination-controls{display:flex;align-items:center;gap:8px}.hr-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--white-5);border:1px solid var(--gray-20);border-radius:6px;color:var(--gray-500);cursor:pointer;transition:all .2s}.hr-page-btn:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600)}.hr-page-btn:disabled{opacity:.5;cursor:not-allowed}.hr-page-indicator{font-size:13px;color:var(--gray-500);padding:0 8px}.hr-empty-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px}.hr-empty-tab svg{color:var(--gray-20);margin-bottom:16px}.hr-empty-tab h3{font-size:16px;font-weight:600;color:var(--dark-500);margin-bottom:8px}.hr-empty-tab p{font-size:14px;color:var(--gray-500)}@media (max-width: 1024px){.hr-filter-bar{flex-direction:column;align-items:stretch}.hr-filter-group{flex-wrap:wrap}.hr-download-btn{align-self:flex-end}}@media (max-width: 768px){.hr-projects-table-container{overflow-x:auto}.hr-projects-table{min-width:600px}.hr-filter-item,.hr-date-input,.hr-select-input,.hr-search-input{width:100%}}.hr-leave-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hr-date-range-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.hr-date-range-btn:hover{background:var(--primary-700)}.hr-pending-section{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;margin-bottom:32px}.hr-pending-content{flex:1}.hr-no-pending{display:flex;align-items:center;gap:16px}.hr-celebration-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:12px;color:var(--primary-600)}.hr-no-pending-text h3{font-size:16px;font-weight:600;color:var(--dark-500);margin-bottom:4px}.hr-no-pending-text p{font-size:13px;color:var(--gray-500)}.hr-request-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hr-request-leave-btn{padding:12px 24px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.hr-request-leave-btn:hover{background:var(--primary-700)}.hr-policy-link{font-size:13px;color:var(--primary-600);text-decoration:none}.hr-policy-link:hover{text-decoration:underline}.hr-stats-section{margin-bottom:32px}.hr-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}.hr-stat-card{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:20px;min-height:200px}.hr-stat-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hr-stat-card-header h3{font-size:14px;font-weight:600;color:var(--dark-500)}.hr-stat-card-header svg{color:var(--gray-500);cursor:pointer}.hr-weekly-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;padding-top:20px}.hr-day-bar{display:flex;flex-direction:column;align-items:center;gap:8px}.hr-bar{width:24px;border-radius:4px 4px 0 0;transition:height .3s ease}.hr-bar.weekday{background:linear-gradient(180deg,var(--gray-20) 0%,var(--gray-10) 100%)}.hr-bar.weekend{background:linear-gradient(180deg,var(--gray-10) 0%,var(--gray-5) 100%)}.hr-day-label{font-size:11px;color:var(--gray-500)}.hr-no-data{display:flex;align-items:center;justify-content:center;height:120px;color:var(--gray-500);font-size:13px}.hr-monthly-chart{display:flex;gap:8px;flex-wrap:wrap;padding-top:20px}.hr-month-item{padding:8px 12px;background:var(--gray-5);border-radius:4px}.hr-month-label{font-size:11px;color:var(--gray-500)}.hr-balances-section{margin-bottom:32px}.hr-balances-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:20px}.hr-leave-card{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;padding:24px}.hr-leave-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.hr-leave-card-header h3{font-size:16px;font-weight:600;color:var(--dark-500)}.hr-view-details{font-size:13px;color:var(--gray-500);text-decoration:none}.hr-view-details:hover{color:var(--primary-600)}.hr-leave-chart-container{position:relative;width:160px;height:160px;margin:0 auto 24px}.hr-leave-chart{width:100%;height:100%}.hr-leave-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.hr-leave-days{display:block;font-size:20px;font-weight:700;color:var(--dark-500)}.hr-leave-label{display:block;font-size:12px;color:var(--gray-500)}.hr-leave-stats{display:flex;gap:32px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--gray-10)}.hr-leave-stat{display:flex;flex-direction:column;gap:4px}.hr-stat-label{font-size:10px;font-weight:500;color:var(--gray-500);text-transform:uppercase}.hr-stat-value{font-size:14px;font-weight:600;color:var(--dark-500)}.hr-leave-quota{display:flex;flex-direction:column;gap:4px}.hr-other-leaves{display:flex;align-items:center;gap:8px;padding:16px 0;border-top:1px solid var(--gray-10)}.hr-other-label{font-size:14px;color:var(--dark-500)}.hr-other-type{font-size:14px;color:var(--primary-600);text-decoration:none}.hr-other-type:hover{text-decoration:underline}.hr-history-section{margin-bottom:32px}.hr-empty-history{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;color:var(--gray-500)}.hr-empty-history svg{margin-bottom:16px;opacity:.3}.hr-history-table-container{background:var(--white-5);border:1px solid var(--gray-10);border-radius:8px;overflow:hidden}.hr-history-table{width:100%;border-collapse:collapse}.hr-history-table th{padding:14px 16px;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;text-align:left;background:var(--gray-5);border-bottom:1px solid var(--gray-10)}.hr-history-table td{padding:14px 16px;font-size:13px;color:var(--dark-500);border-bottom:1px solid var(--gray-10)}.hr-history-table tr:last-child td{border-bottom:none}.hr-history-table tr:hover{background:var(--gray-5)}.hr-status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;text-transform:capitalize}.hr-status-badge.pending{background:#fef3c7;color:#d97706}.hr-status-badge.approved,.hr-status-badge.accepted{background:var(--success-bg);color:var(--success)}.hr-status-badge.rejected{background:var(--error-bg);color:var(--error)}.hr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hr-modal{background:var(--white-5);border-radius:12px;width:92%;max-width:440px;box-shadow:0 20px 40px #0003;margin:auto;border:1px solid var(--gray-10)}[data-theme=dark] .hr-modal{background:var(--white-5);box-shadow:0 20px 40px #0006;border-color:var(--gray-20)}.hr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-10)}.hr-modal-header h2{font-size:16px;font-weight:600;color:var(--dark-500)}.hr-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:24px;color:var(--gray-500);cursor:pointer}.hr-modal-body{padding:16px 20px}.hr-form-group{margin-bottom:14px}.hr-form-group label{display:block;font-size:13px;font-weight:500;color:var(--dark-500);margin-bottom:8px}.hr-form-group input,.hr-form-group select,.hr-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-20);border-radius:8px;font-size:14px;color:var(--dark-500);background:var(--white-5);transition:all .2s}[data-theme=dark] .hr-form-group input,[data-theme=dark] .hr-form-group select,[data-theme=dark] .hr-form-group textarea{background:var(--white-10);border-color:var(--gray-20)}.hr-form-group select,.hr-form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--gray-20);border-radius:6px;font-size:14px;color:var(--dark-500)}.hr-form-group input:focus,.hr-form-group select:focus,.hr-form-group textarea:focus{outline:none;border-color:var(--primary-400)}.hr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--gray-10)}.hr-btn-secondary{padding:8px 16px;background:var(--white-5);color:var(--dark-500);border:1px solid var(--gray-20);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.hr-btn-primary{padding:8px 16px;background:var(--primary-600);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.hr-btn-primary:hover{background:var(--primary-700)}.hr-pending-list{display:flex;flex-direction:column;gap:12px}.hr-pending-item{display:flex;align-items:center;gap:16px;padding:12px;background:var(--gray-5);border-radius:6px}@media (max-width: 1024px){.hr-stats-grid,.hr-balances-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hr-pending-section{flex-direction:column;gap:20px;padding:16px}.hr-request-actions{align-items:flex-start;width:100%}.hr-request-leave-btn{width:100%}.hr-form-row{grid-template-columns:1fr}.hr-main-tabs,.hr-sub-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.hr-main-tabs::-webkit-scrollbar,.hr-sub-tabs::-webkit-scrollbar{display:none}.hr-main-tab,.hr-sub-tab{flex-shrink:0}.hr-history-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.hr-history-table{min-width:650px}.hr-pending-item{flex-direction:column;align-items:flex-start;gap:8px}.hr-leave-header{flex-direction:column;align-items:flex-start;gap:12px}.hr-date-range-btn{width:100%;justify-content:center}}.eoq-inline-actions button{margin-right:8px}.table-responsive{overflow-x:auto}.hr-btn-danger{padding:10px 18px;background:var(--error);color:#fff;border-radius:6px;border:none;font-weight:600}.page-content{padding:20px}.card-body{padding:16px}@media (max-width: 768px){.hr-form-row{grid-template-columns:1fr}}@media (max-width: 1024px){.header-premium{padding:0 12px;gap:8px}.header-premium .header-left{gap:8px;min-width:0;flex-shrink:1;overflow:hidden}.header-premium .header-title-block{min-width:0;overflow:hidden}.header-premium .header-title{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-premium .header-subtitle{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-search-btn{min-width:160px;padding:8px 12px}.search-placeholder{font-size:11px}.header-premium .header-right{gap:8px;flex-shrink:0}.header-premium .user-info{display:none}}@media (max-width: 768px){.header-premium{height:auto;min-height:48px;max-height:none;padding:8px 10px;flex-wrap:nowrap;gap:6px;position:relative}.header-premium .header-left{gap:6px;flex:1 1 auto;min-width:0;overflow:hidden}.header-premium .collapse-btn.header-collapse{width:32px;height:32px;flex-shrink:0}.header-premium .header-title{font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-premium .header-subtitle{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-premium .header-right{gap:6px}.header-search-btn{min-width:0;width:36px;height:36px;padding:0;justify-content:center;border-radius:8px}.header-search-btn .search-placeholder,.header-search-btn .search-shortcut{display:none}.notification-btn{width:28px;height:28px}.notification-btn svg{width:16px;height:16px}.user-btn{padding:4px 6px;gap:6px}.user-avatar{width:28px;height:28px}.header-premium .user-info,.header-premium .chevron{display:none}.notification-dropdown{width:300px;position:absolute;top:100%;right:0;z-index:1050}.user-dropdown{width:200px;position:absolute;top:100%;right:0;z-index:1050}.page-content{padding:12px!important}}@media (max-width: 480px){.header-premium{padding:6px 8px;min-height:44px}.header-premium .header-title{font-size:13px!important}.header-premium .header-subtitle{font-size:9px!important}.header-premium .collapse-btn.header-collapse{width:28px;height:28px}.header-search-btn{width:32px;height:32px}.page-content{padding:8px!important}}@media (max-width: 1024px){.segmented-control{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.segmented-control::-webkit-scrollbar{display:none}.segmented-control-btn,.segmented-item{padding:8px 12px;font-size:11px;flex-shrink:0}}@media (max-width: 768px){.segmented-control-btn,.segmented-item{padding:8px 10px;font-size:10px}}@media (max-width: 480px){.segmented-control-btn,.segmented-item{padding:6px 8px;font-size:9px;gap:4px}.segmented-control-btn svg,.segmented-item svg{width:12px;height:12px}}@media (max-width: 1024px){.md\:grid-cols-3,.grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 640px){.md\:grid-cols-3,.md\:grid-cols-2,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))!important}.p-6{padding:.75rem!important}.px-6{padding-left:.75rem!important;padding-right:.75rem!important}.py-4{padding-top:.5rem!important;padding-bottom:.5rem!important}.mx-6{margin-left:.75rem!important;margin-right:.75rem!important}}@media (max-width: 768px){.dashboard-tabs{padding-bottom:2px;width:100%;max-width:100vw;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px}.dashboard-tab{flex-shrink:0;padding:8px 12px;font-size:11px}.card-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.card-header .relative{width:100%;margin-top:4px}.card-header .search-input{width:100%}.employee-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;margin-top:10px;border-radius:8px;border:1px solid var(--gray-100)}.employee-table{min-width:800px}.hr-modal{width:95%!important;max-width:95vw!important;margin:10px!important}.hr-modal-body{padding:15px!important;max-height:80vh;overflow-y:auto}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card{padding:16px!important}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.hr-docs-container{display:flex;gap:24px;align-items:flex-start}.hr-docs-sidebar{width:320px;flex-shrink:0;position:sticky;top:20px}.hr-docs-main{flex:1;min-width:0}.hr-upload-card{background:#fff;border:1px solid var(--gray-10);border-radius:12px;padding:20px;box-shadow:0 4px 6px -1px #0000000d}.hr-upload-card-header h3{font-size:15px;font-weight:600;color:var(--dark-500);margin-bottom:4px}.hr-upload-card-header p{font-size:12px;color:var(--gray-500);margin-bottom:20px}.hr-modern-select{width:100%;padding:10px 12px;border:1px solid var(--gray-20);border-radius:8px;font-size:13px;color:var(--dark-500);background:#fff;transition:border-color .2s}.hr-modern-select:focus{outline:none;border-color:var(--primary-500)}.hr-drop-zone{position:relative;border:2px dashed var(--gray-20);border-radius:10px;padding:24px 16px;text-align:center;transition:all .2s;background:var(--gray-5);cursor:pointer}.hr-drop-zone:hover{border-color:var(--primary-400);background:var(--primary-50)}.hr-drop-zone.has-file{border-style:solid;border-color:var(--primary-200);background:var(--primary-50)}.hr-drop-zone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.hr-upload-icon-wrapper{width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;color:var(--primary-500);box-shadow:0 2px 4px #0000000d}.hr-drop-text{display:block;font-size:13px;font-weight:500;color:var(--dark-500);margin-bottom:4px}.hr-drop-text-nowrap{white-space:nowrap}.hr-drop-hint{font-size:11px;color:var(--gray-500)}.hr-file-info{display:flex;flex-direction:column;align-items:center}.hr-file-icon{margin-bottom:8px;color:var(--primary-500)}.hr-file-name{font-size:13px;font-weight:600;color:var(--dark-500);word-break:break-all;max-width:100%}.hr-file-size{font-size:11px;color:var(--gray-500);margin-bottom:12px}.hr-remove-file{display:flex;align-items:center;gap:4px;font-size:11px;color:#ef4444;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.hr-remove-file:hover{background:#fee2e2}.hr-upload-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.hr-btn-cancel{padding:10px;font-size:13px;font-weight:500;color:var(--gray-600);background:#fff;border:1px solid var(--gray-20);border-radius:8px;cursor:pointer;transition:all .2s}.hr-btn-cancel:hover{background:var(--gray-5)}.hr-btn-upload{padding:10px;font-size:13px;font-weight:600;color:#fff!important;background:var(--primary-600);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.hr-btn-upload:hover:not(:disabled){background:var(--primary-700)}.hr-btn-upload:disabled{opacity:.6;cursor:not-allowed}.hr-docs-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.hr-refresh-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);background:#fff;border:1px solid var(--gray-20);border-radius:6px;cursor:pointer;transition:all .2s}.hr-refresh-btn:hover{color:var(--primary-600);border-color:var(--primary-200);background:var(--primary-50)}.hr-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.hr-doc-card{background:#fff;border:1px solid var(--gray-10);border-radius:12px;padding:16px;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1)}.hr-doc-card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -10px #0000001a;border-color:var(--primary-100)}.hr-doc-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.hr-doc-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.hr-doc-icon-box.pdf{background:#fee2e2;color:#ef4444}.hr-doc-icon-box.img{background:#e0e7ff;color:#6366f1}.hr-doc-status{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:4px}.hr-doc-status.verified{background:#dcfce7;color:#166534}.hr-doc-status.pending{background:#fef3c7;color:#92400e}.hr-doc-card-body h4{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hr-doc-type{font-size:11px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.3px;margin-bottom:16px}.hr-doc-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--gray-5);display:flex;justify-content:space-between;align-items:center}.hr-doc-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--gray-400)}.hr-doc-actions{display:flex;gap:4px}.hr-doc-actions button{padding:6px;color:var(--gray-400);background:none;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.hr-doc-actions button:hover{color:var(--primary-600);background:var(--primary-50)}.hr-doc-actions button.delete:hover{color:#ef4444;background:#fee2e2}.hr-loading-state,.hr-empty-docs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border:1px dashed var(--gray-20);border-radius:12px;color:var(--gray-500);text-align:center}.hr-empty-icon{margin-bottom:16px;color:var(--gray-200)}.hr-empty-docs h3{font-size:16px;font-weight:600;color:var(--dark-500);margin-bottom:8px}@media (max-width: 1024px){.hr-docs-container{flex-direction:column}.hr-docs-sidebar{width:100%;position:static}}@media (max-width: 480px){.hr-upload-actions,.hr-docs-grid{grid-template-columns:1fr}}.hr-admin-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;background:#fff;padding:16px;border-radius:12px;border:1px solid var(--gray-10);margin-bottom:24px}.hr-search-box{flex:1;min-width:280px;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--gray-5);border:1px solid var(--gray-20);border-radius:8px;color:var(--gray-400)}.hr-search-box input{width:100%;background:none;border:none;color:var(--dark-500);font-size:13px}.hr-search-box input:focus{outline:none}.hr-filter-tabs{display:flex;background:var(--gray-5);padding:4px;border-radius:8px;gap:4px}.hr-filter-tab{padding:6px 16px;border-radius:6px;font-size:13px;font-weight:500;color:var(--gray-500);background:none;border:none;cursor:pointer;transition:all .2s}.hr-filter-tab.active{background:#fff;color:var(--primary-600);box-shadow:0 1px 3px #0000001a}.hr-refresh-btn-large{padding:10px;border-radius:8px;background:#fff;border:1px solid var(--gray-20);color:var(--gray-500);cursor:pointer;transition:all .2s}.hr-refresh-btn-large:hover{background:var(--primary-50);color:var(--primary-600);border-color:var(--primary-200)}.hr-docs-stats-row{display:flex;gap:24px;margin-bottom:24px}.hr-mini-stat{padding:12px 20px;background:#fff;border:1px solid var(--gray-10);border-radius:10px;display:flex;flex-direction:column;gap:4px}.hr-mini-stat .label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.hr-mini-stat .value{font-size:20px;font-weight:700;color:var(--dark-500)}.hr-emp-group-card{background:#fff;border:1px solid var(--gray-10);border-radius:12px;margin-bottom:12px;overflow:hidden}.hr-emp-group-card.expanded{border-color:var(--primary-200);box-shadow:0 4px 12px #00000008}.hr-group-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background .2s}.hr-group-header:hover{background:var(--gray-5)}.hr-emp-info{display:flex;align-items:center;gap:14px}.hr-emp-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.hr-emp-details h4{font-size:14px;font-weight:600;color:var(--dark-500);margin-bottom:2px}.hr-emp-details span{font-size:12px;color:var(--gray-500)}.hr-group-status{display:flex;align-items:center;gap:20px}.hr-progress-text{font-size:12px;font-weight:600;color:var(--gray-500)}.hr-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center}.hr-icon-circle.success{background:#dcfce7;color:#166534}.hr-icon-circle.pending{background:#fef3c7;color:#92400e}.hr-group-content{padding:0 20px 20px;border-top:1px solid var(--gray-5);background:var(--white-5)}.hr-admin-doc-table{width:100%;border-collapse:collapse}.hr-admin-doc-table th{text-align:left;padding:12px 8px;font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.hr-admin-doc-table td{padding:12px 8px;font-size:13px;color:var(--dark-500);border-top:1px solid var(--gray-5)}.hr-doc-name-cell{display:flex;align-items:center;gap:12px}.hr-doc-name-cell .main-name{font-weight:500}.hr-doc-name-cell .sub-type{font-size:11px;color:var(--gray-500);text-transform:uppercase}.hr-doc-actions{display:flex;justify-content:flex-end;gap:8px}.btn-icon-admin{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--gray-20);background:#fff;color:var(--gray-400);cursor:pointer;transition:all .2s}.btn-icon-admin:hover{color:var(--primary-600);background:var(--primary-50);border-color:var(--primary-200)}.btn-icon-admin.verify:hover{color:#166534;background:#dcfce7;border-color:#b9f6ca}.hr-empty-state-simple{padding:60px 20px;text-align:center;background:#fff;border:1px dashed var(--gray-20);border-radius:12px;color:var(--gray-400)}.hr-empty-state-simple h3{font-size:16px;font-weight:600;color:var(--dark-500);margin:12px 0 4px}.title-with-icon{display:flex;align-items:center;gap:10px}.hr-modal-desc{font-size:14px;color:var(--gray-600);margin-bottom:20px}.hr-modern-textarea{width:100%;padding:12px;border:1px solid var(--gray-20);border-radius:8px;font-size:13px;resize:vertical}.hr-modern-textarea:focus{outline:none;border-color:var(--primary-500)}.hr-btn-success{padding:10px 20px!important;background:#166534!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:8px!important;cursor:pointer!important;transition:background .2s!important}.hr-btn-success:hover{background:#14532d!important}.hr-modal-preview{background:#fff;width:90vw;max-width:1200px;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;margin:auto}.hr-modal-header-info h2{font-size:18px;font-weight:700;color:var(--dark-500);margin-bottom:4px}.hr-doc-type-tag{font-size:11px;font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:2px 8px;border-radius:4px;text-transform:uppercase}.no-padding{padding:0!important}.hr-preview-main{display:flex;height:70vh}.hr-file-preview-content{flex:1;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;border-right:1px solid var(--gray-10)}.hr-img-preview{max-width:90%;max-height:90%;object-fit:contain;box-shadow:0 4px 20px #0000001a}.hr-pdf-preview{width:100%;height:100%;border:none}.hr-preview-sidebar{width:320px;padding:24px;display:flex;flex-direction:column;gap:24px;background:#fff;overflow-y:auto}.hr-detail-section{display:flex;flex-direction:column;gap:12px}.hr-detail-section label{font-size:11px;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.5px}.hr-detail-item{display:flex;justify-content:space-between;align-items:center}.hr-detail-item .label{font-size:13px;color:var(--gray-500)}.hr-detail-item .value{font-size:13px;font-weight:600;color:var(--dark-500)}.hr-detail-section.verified{padding:16px;background:#f0fdf4;border-radius:12px;border:1px solid #bbf7d0}.hr-v-notes{display:flex;gap:8px;padding:10px;background:#fff;border-radius:8px;border:1px solid #dcfce7;font-size:12px;color:#166534;line-height:1.4}.hr-btn-download-full{width:100%;padding:12px;background:var(--primary-600);color:#fff;border:none;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s}.hr-btn-download-full:hover{background:var(--primary-700);transform:translateY(-1px)}.hr-loading-preview{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--gray-400)}.hr-no-preview{text-align:center;color:var(--gray-400)}.hr-preview-verify-actions{margin-top:auto}.hr-btn-verify-now{width:100%;padding:12px;background:#166534;color:#fff;border:none;border-radius:10px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}@media (max-width: 768px){.hr-modal-preview{width:95vw;height:95vh}.hr-preview-main{flex-direction:column;height:auto;overflow-y:auto}.hr-file-preview-content{height:300px;border-right:none;border-bottom:1px solid var(--gray-10)}.hr-preview-sidebar{width:100%}}@media (max-width: 640px){.hr-admin-controls{flex-direction:column;align-items:stretch}.hr-filter-tabs{overflow-x:auto}}.hr-time-modal{background:#fff;width:100%;max-width:480px;border-radius:16px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:modalFadeIn .3s ease-out;margin:auto}.hr-time-modal.hr-time-modal-sm{max-width:340px;border-radius:12px}.hr-time-modal.hr-time-modal-sm .hr-time-modal-header{padding:12px 16px}.hr-time-modal.hr-time-modal-sm .hr-time-modal-header h2{font-size:15px}.hr-time-modal.hr-time-modal-sm .hr-time-modal-body{padding:12px 16px;gap:10px}.hr-time-modal.hr-time-modal-sm .hr-time-modal-footer{padding:10px 16px}.hr-time-modal.hr-time-modal-sm .hr-time-field-group{gap:4px}.hr-time-modal.hr-time-modal-sm .hr-time-input,.hr-time-modal.hr-time-modal-sm .hr-time-select,.hr-time-modal.hr-time-modal-sm .hr-time-textarea{padding:8px 10px;font-size:13px}.hr-time-modal.hr-time-modal-sm .hr-time-field-group label{font-size:11px}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hr-time-modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;background:#fcfcfc}.hr-time-modal-header h2{font-size:18px;font-weight:700;color:var(--dark-500);margin:0;display:flex;align-items:center;gap:10px}.hr-time-modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--gray-5);color:var(--gray-500);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.hr-time-modal-close:hover{background:var(--gray-10);color:var(--dark-500);transform:rotate(90deg)}.hr-time-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#f1f1f1 transparent}.hr-time-modal-body::-webkit-scrollbar{width:6px}.hr-time-modal-body::-webkit-scrollbar-track{background:transparent}.hr-time-modal-body::-webkit-scrollbar-thumb{background:#f1f1f1;border-radius:10px}.hr-time-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hr-time-field-group{display:flex;flex-direction:column;gap:6px}.hr-time-field-group label{font-size:12px;font-weight:600;color:var(--gray-600)}.hr-time-input,.hr-time-select,.hr-time-textarea{padding:10px 12px;border:1px solid var(--gray-200);border-radius:8px;font-size:14px;color:var(--dark-500);transition:border-color .2s,box-shadow .2s;width:100%}.hr-time-input:focus,.hr-time-select:focus,.hr-time-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.hr-time-modal-sm .hr-time-timer-box{padding:10px;border-radius:8px}.hr-time-modal-sm .hr-timer-label{font-size:10px;margin-bottom:8px}.hr-time-timer-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.hr-timer-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;display:block}.hr-time-modal-sm .hr-timer-display-wrap{padding:6px;margin-bottom:8px;gap:8px}.hr-timer-display-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;background:#fff;padding:12px;border-radius:10px;border:2px solid #f1f5f9}.hr-timer-display-wrap.running{border-color:#dcfce7;background:#f0fdf4}.hr-timer-display-wrap.paused{border-color:#fef3c7;background:#fffbeb}.hr-time-modal-sm .hr-timer-time{font-size:18px}.hr-timer-time{font-family:JetBrains Mono,Monaco,monospace;font-size:24px;font-weight:700;color:#1e293b}.hr-timer-controls{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.hr-timer-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.hr-timer-btn-start{background:#10b981;color:#fff}.hr-timer-btn-start:hover{background:#059669}.hr-timer-btn-pause{background:#f59e0b;color:#fff}.hr-timer-btn-pause:hover{background:#d97706}.hr-timer-btn-stop{background:#ef4444;color:#fff}.hr-timer-btn-stop:hover{background:#dc2626}.hr-timer-btn-reset{background:#64748b;color:#fff}.hr-timer-btn-reset:hover{background:#475569}.hr-time-billable-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 12px;background:#f1f5f9;border-radius:8px;width:fit-content}.hr-time-billable-toggle span{font-size:13px;font-weight:600;color:var(--gray-700)}.hr-time-modal-sm .hr-time-billable-toggle{padding:6px 10px}.hr-time-modal-sm .hr-time-billable-toggle span{font-size:12px}.hr-time-modal-footer{padding:20px 24px;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:12px;background:#fcfcfc}.hr-time-btn-cancel{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;color:var(--gray-600);background:#fff;border:1px solid var(--gray-200);cursor:pointer;transition:all .2s}.hr-time-btn-cancel:hover{background:var(--gray-50);border-color:var(--gray-300)}.hr-time-btn-submit{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;color:#fff;background:var(--primary-600);border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.hr-time-btn-submit:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}@media (max-width: 480px){.hr-time-form-grid{grid-template-columns:1fr}.hr-time-modal{margin:0;max-height:100vh;border-radius:0}}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:btn-spin .8s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.reporting-mgmt-page .report-controls-wrapper{flex-direction:column;align-items:stretch;gap:12px}.reporting-mgmt-page .report-search-container{width:100%}.reporting-mgmt-page .report-hierarchy-toggle{width:100%;justify-content:center}.reporting-mgmt-page .employee-table th,.reporting-mgmt-page .employee-table td{padding:10px 8px}}@media (max-width: 640px){.reporting-mgmt-page .employee-table th:nth-child(3),.reporting-mgmt-page .employee-table td:nth-child(3),.reporting-mgmt-page .employee-table th:nth-child(4),.reporting-mgmt-page .employee-table td:nth-child(4){display:none}.reporting-mgmt-page .employee-name-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reporting-mgmt-page .employee-email-text{display:none}}.hr-responsive-table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--white-10)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--gray-20);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@media (max-width: 768px){.hr-modal{max-width:95%;width:95%}}