.body#Home{padding:0;}.dashboard-modern{padding:20px;background:linear-gradient(135deg,var(--main-background)0%,var(--main-sub-background-filled)100%);min-height:100vh;}@media(min-width:1600px){.dashboard-modern{padding:32px;}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:24px;}.charts-grid{grid-template-columns:repeat(2,1fr);gap:24px;}.incident-workflow{gap:20px;padding:32px 24px;}.workflow-step{max-width:160px;padding:20px 16px;}}@media(max-width:1400px){.dashboard-modern{padding:16px;}.metrics-grid{grid-template-columns:2fr;gap:16px;}.charts-grid{grid-template-columns:1fr;gap:16px;}}@media(max-width:1024px){.dashboard-modern{padding:12px;}.metrics-grid{grid-template-columns:1fr;gap:16px;}.charts-grid{gap:12px;grid-template-columns:1fr;}.incident-workflow{flex-direction:column;gap:16px;padding:24px 20px;border-radius:14px;}.workflow-arrow{transform:rotate(90deg);margin:4px 0;opacity:0.6;}.employee-metrics-grid{grid-template-columns:repeat(4,1fr);gap:10px;}.employee-metric-card{padding:10px;gap:8px;}.employee-metric-icon{width:32px;height:32px;}.employee-metric-icon img{width:16px;height:16px;}.employee-metric-value{font-size:15px;}.employee-metric-label{font-size:10px;}.employee-analytics{padding:14px 18px;gap:14px;}.analytics-label{font-size:11px;}.analytics-value{font-size:14px;}.departments-section{margin-top:18px;padding-top:18px;}.departments-title{font-size:13px;margin-bottom:11px;}.department-item{padding:9px 11px;}.department-name{font-size:12px;}.department-count{font-size:12px;padding:3px 7px;}.birthday-block-header{padding:16px;gap:12px;}.birthday-block-icon{width:40px;height:40px;}.birthday-block-icon img{width:20px;height:20px;}.birthday-block-title h4{font-size:14px;}.birthday-block-subtitle{font-size:11px;}.birthday-block-count{font-size:18px;}}@media(max-width:1024px){.birthday-block-content{padding:16px;}.birthday-stats{flex-direction:column;gap:10px;padding:10px;}.birthday-stat-item{gap:10px;}.stat-icon{width:32px;height:32px;font-size:16px;}.stat-label{font-size:11px;}.stat-value{font-size:13px;}.anniversary-section{margin-top:16px;padding-top:16px;}.anniversary-header{gap:10px;margin-bottom:12px;}.anniversary-header .anniversary-icon{width:32px;height:32px;font-size:16px;}.anniversary-title{font-size:13px;}.anniversary-item{padding:10px;gap:10px;}.anniversary-age{width:28px;height:28px;font-size:11px;}.anniversary-name{font-size:13px;}}@media(max-width:768px){.dashboard-modern{padding:8px;}.metrics-grid{grid-template-columns:1fr;gap:12px;}.metric-card{padding:16px;}.metric-value{font-size:22px;}.chart-container{padding:16px;}.chart-title{font-size:16px;}.incident-workflow{flex-direction:column;gap:16px;padding:20px 16px;}.workflow-step{max-width:none;width:100%;padding:16px;}.workflow-arrow{transform:rotate(90deg);margin:4px 0;opacity:0.6;}}@media(max-width:480px){.dashboard-modern{padding:4px;}.metrics-grid{grid-template-columns:1fr;gap:8px;}.metric-card{padding:12px;}.metric-value{font-size:18px;}.metric-title{font-size:12px;}.chart-container{padding:12px;}.chart-title{font-size:14px;}.incident-workflow{padding:16px 12px;}.workflow-step{padding:12px;}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px;}@media(max-width:1305px) and(min-width:1201px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:18px;}}@media(max-width:1200px){.dashboard-modern{padding:20px;}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;}.charts-grid{grid-template-columns:1fr;gap:20px;}}.metric-card{background:var(--main-background);border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid var(--main-delimiter-light);transition:all 0.3s ease;position:relative;overflow:hidden;}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12);}.metric-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-blue),var(--green));}.metric-header{display:flex;align-items:center;margin-bottom:16px;}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px;background:var(--main-sub-background);}.metric-icon img{width:24px;height:24px;}.metric-title{font-size:14px;font-weight:600;color:var(--main-text-color-beauty);margin:0;}.metric-value{font-size:28px;font-weight:700;color:var(--main-text-color-beauty);margin:8px 0;line-height:1;}.metric-change{font-size:14px;font-weight:500;display:flex;align-items:center;gap:4px;}.metric-change.positive{color:var(--green);}.metric-change.negative{color:var(--red);}.metric-change.neutral{color:var(--main-text-sub-color);}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr;gap:16px;}.chart-container{padding:20px;}.chart-title{font-size:18px;}}.chart-container{background:var(--main-background);border-radius:12px;padding:20px;border:1px solid var(--main-delimiter-light);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.chart-content{height:300px;margin-top:20px;background:linear-gradient(135deg,var(--main-background),var(--main-sub-background));border-radius:12px;padding:16px;border:1px solid var(--main-delimiter-light);}.chart-content canvas{max-width:100%;height:auto !important;}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;min-height:40px;}.chart-title{font-size:16px;font-weight:500;color:var(--main-text-color-beauty);margin:0;}.chart-subtitle{font-size:12px;color:var(--main-text-sub-color);margin:4px 0 0 0;font-style:italic;}.dashboard-animate .metric-card{opacity:1;transform:translateY(0);}.dashboard-animate .metric-card:nth-child(1){transition-delay:0.3s;}.dashboard-animate .metric-card:nth-child(2){transition-delay:0.4s;}.dashboard-animate .metric-card:nth-child(3){transition-delay:0.5s;}.dashboard-animate .metric-card:nth-child(4){transition-delay:0.6s;}.dashboard-animate .metric-card:nth-child(5){transition-delay:0.7s;}.dashboard-animate .combined-card{transition-delay:0.75s;}.dashboard-animate .chart-container:nth-child(1){transition-delay:0.8s;}.dashboard-animate .chart-container:nth-child(2){transition-delay:0.9s;}@media(max-width:480px){.employee-metrics-grid{grid-template-columns:repeat(4,1fr);gap:8px;}.employee-metric-card{padding:8px;gap:6px;}.employee-metric-icon{width:28px;height:28px;}.employee-metric-icon img{width:14px;height:14px;}.employee-metric-value{font-size:14px;}.employee-metric-label{font-size:10px;}.employee-analytics{padding:12px 16px;gap:12px;}.analytics-label{font-size:11px;}.analytics-value{font-size:12px;}.departments-section{margin-top:16px;padding-top:16px;}.departments-title{font-size:13px;margin-bottom:10px;}.department-item{padding:8px 10px;}.department-name{font-size:12px;}.department-count{font-size:12px;padding:3px 6px;}.birthday-block-header{padding:14px;gap:10px;}.birthday-block-icon{width:36px;height:36px;}.birthday-block-icon img{width:18px;height:18px;}.anniversary-icon{font-size:18px;}.birthday-block-title h4{font-size:13px;}.birthday-block-subtitle{font-size:10px;}.birthday-block-count{font-size:16px;}.birthday-block-content{padding:12px;}.birthday-stats{flex-direction:column;gap:10px;padding:10px;}.birthday-stat-item{gap:8px;}.stat-icon{width:32px;height:32px;font-size:18px;}.stat-label{font-size:10px;}.stat-value{font-size:11px;}.anniversary-section{margin-top:14px;padding-top:14px;}.anniversary-header{gap:8px;margin-bottom:10px;}.anniversary-header .anniversary-icon{width:28px;height:28px;font-size:14px;}.anniversary-title{font-size:12px;}.anniversary-item{padding:8px;gap:8px;}.anniversary-age{width:24px;height:24px;font-size:10px;}.anniversary-name{font-size:12px;}.birthday-item{padding:10px;gap:10px;}.birthday-avatar{width:36px;height:36px;}.birthday-name{font-size:15px;}.birthday-position{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.birthday-date{padding:4px 6px;min-width:40px;}.date-day{font-size:12px;}.date-month{font-size:8px;}}.workflow-step{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;max-width:140px;position:relative;box-sizing:border-box;overflow:hidden;}.workflow-step.clickable{cursor:pointer;padding:16px 12px;border-radius:12px;transition:all 0.3s ease;position:relative;text-align:center;word-wrap:break-word;hyphens:auto;max-width:100%;box-sizing:border-box;}.workflow-step.clickable::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left 0.6s ease;}.workflow-step.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.15),0 4px 10px rgba(0,0,0,0.1);}.workflow-step.clickable:hover::before{left:100%;}.workflow-step.clickable:active{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,0.2);}.step-content{text-align:center;width:100%;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;}.step-label{font-size:13px;font-weight:600;color:var(--main-text-color-beauty);margin-bottom:8px;line-height:1.2;min-height:32px;display:flex !important;align-items:center !important;justify-content:center !important;word-wrap:break-word;hyphens:auto;overflow-wrap:break-word;text-align:center !important;width:100%;box-sizing:border-box;padding:0 4px;text-align-last:center !important;-webkit-text-align-last:center !important;-moz-text-align-last:center !important;}.step-count{font-size:24px;font-weight:700;line-height:1;transition:all 0.3s ease;text-align:center;word-wrap:break-word;width:100%;box-sizing:border-box;padding:0 4px;}.unconfirmed-highlight{font-size:26px !important;font-weight:800 !important;}.workflow-arrow{display:flex;align-items:center;justify-content:center;opacity:0.4;transition:all 0.3s ease;margin:0 4px;}.workflow-arrow:hover{opacity:0.8;transform:scale(1.1);}.workflow-arrow svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1));}.online-users-block{background:var(--main-background);border:1px solid var(--main-delimiter-light);border-radius:16px;padding:0;overflow:hidden;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.08);}.online-users-header{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,rgba(34,197,94,0.05),rgba(59,130,246,0.05));border-bottom:1px solid var(--main-delimiter-light);}.online-users-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(34,197,94,0.1);border-radius:12px;flex-shrink:0;}.online-users-icon img{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(27%) sepia(96%) saturate(7500%) hue-rotate(356deg) brightness(91%) contrast(118%);}.online-users-title{flex:1;min-width:0;}.online-users-title h4{font-size:16px;font-weight:700;color:var(--main-text-color-beauty);margin:0 0 4px 0;line-height:1.2;}.online-users-subtitle{font-size:12px;color:var(--main-text-sub-color);font-weight:500;}.online-users-count{font-size:24px;font-weight:700;color:var(--main-text-color-beauty);background:linear-gradient(135deg,#22c55e,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;}.online-users-content{padding:20px;}.online-users-list{margin-top:16px;}.online-users-header{font-size:14px;font-weight:500;color:var(--main-text-color);}.online-users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}.online-user-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--main-background-light);border-radius:8px;border:1px solid var(--main-delimiter-light);cursor:pointer;transition:all 0.2s ease;}.online-user-item:hover{background:var(--main-background-hover);border-color:var(--main-delimiter);transform:translateY(-1px);}.online-user-avatar{position:relative;width:40px;height:40px;border:2px solid var(--main-background);}.online-user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}.online-indicator{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;background:#22c55e;border:2px solid var(--main-background);border-radius:50%;animation:pulse 2s infinite;}.online-user-info{flex:1;min-width:0;}.online-user-name{font-size:13px;font-weight:500;color:var(--main-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.online-user-position{font-size:11px;color:var(--main-text-sub-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.online-users-more{text-align:center;margin-top:12px;font-size:12px;color:var(--main-text-sub-color);font-style:italic;}.no-online-users{text-align:center;padding:40px 20px;color:var(--main-text-sub-color);}.no-online-icon{font-size:36px;margin-bottom:12px;opacity:0.6;}.no-online-text{font-size:14px;font-weight:500;}.online-users-more{cursor:pointer;transition:color 0.2s ease;}.online-users-more:hover{color:var(--main-accent-color);}.quick-access-online-wrapper{display:flex;align-items:flex-start;gap:0;padding:0 32px;position:relative;padding-top:24px;}.quick-access-online-wrapper>.section:first-child{flex:1;min-width:0;}.quick-access-online-wrapper>.section:last-child{flex:0 0 auto;}.quick-access-delimiter{width:1px;background:var(--main-delimiter-light);margin:0 24px;flex-shrink:0;align-self:stretch;min-height:120px;}.quick-links-item-icon-wrapper{position:relative;}.online-users-modal-content{padding:0;}.online-users-modal-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px 0;grid-template-columns:repeat(3,1fr);}.body#Home{padding:0;background:var(--main-sub-background-filled);background-image:var(--main-background-image);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','San Francisco','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}html.dark .body#Home{.apple-hero{background:rgba(30,30,30,0.7);border:1px solid rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.3);}.apple-hero::before{background:radial-gradient(circle at 20% 30%,rgba(0,122,255,0.12)0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(175,82,222,0.1)0%,transparent 50%);}.apple-indicator-visual .dashboard-circular-progress-circle-bg{stroke:rgba(255,255,255,0.12);}.apple-card{background:rgba(30,30,30,0.7);border:1px solid rgba(255,255,255,0.08);box-shadow:0 4px 24px rgba(0,0,0,0.3);}}.body#Home{.apple-home-container{padding:80px 60px;max-width:1400px;width:calc(100% - 40px);box-sizing:border-box;margin:0 auto;position:relative;z-index:1;}.apple-hero{background:rgba(255,255,255,0.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:28px;padding:80px 64px;margin-bottom:48px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 8px 32px rgba(0,0,0,0.04);position:relative;overflow:hidden;}.apple-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(0,122,255,0.08)0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(175,82,222,0.06)0%,transparent 50%);opacity:0.6;pointer-events:none;}.apple-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:80px;align-items:flex-start;}.apple-hero-main{display:flex;flex-direction:column;}.apple-hero-title{font-size:72px;font-weight:600;color:var(--main-text-color);margin:0 0 20px 0;line-height:1.05;letter-spacing:-2px;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display',system-ui,sans-serif;}.apple-hero-title img{height:72px;width:auto;}.apple-hero-description{font-size:21px;color:var(--main-text-sub-color);margin:0 0 40px 0;line-height:1.5;font-weight:400;letter-spacing:-0.2px;max-width:680px;}.apple-hero-badge{margin-top:64px;padding:10px 20px;background:var(--button-color1);color:var(--main-text-invert-color);border-radius:12px;font-size:16px;font-weight:500;display:inline-block;width:fit-content;font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text','San Francisco','Segoe UI',system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.apple-hero-indicators{display:flex;flex-direction:column;gap:32px;max-width:380px;}.apple-indicator{display:flex;align-items:flex-start;gap:20px;}.apple-indicator-visual{position:relative;flex-shrink:0;width:64px;height:64px;}.apple-indicator-visual svg{transform:rotate(-90deg);width:64px;height:64px;}.apple-indicator-visual .dashboard-circular-progress-circle-bg{fill:none;stroke:rgba(0,0,0,0.08);stroke-width:3;}.apple-indicator-visual .dashboard-circular-progress-circle{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(0.4,0,0.2,1);}.apple-indicator-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:17px;font-weight:600;color:var(--main-text-color);letter-spacing:-0.3px;}.apple-indicator-content{flex:1;display:flex;flex-direction:column;gap:8px;padding-top:4px;}.apple-indicator-label{margin:0;font-size:15px;font-weight:600;color:var(--main-text-color);line-height:1.3;letter-spacing:-0.1px;}.apple-indicator-subtitle{font-size:13px;font-weight:400;color:var(--main-text-sub-color);line-height:1.4;margin-top:4px;}.apple-indicator-link{font-size:14px;color:#007AFF;font-weight:500;text-decoration:none;margin-top:4px;display:inline-block;width:fit-content;align-self:flex-start;}.apple-indicator-content a{width:fit-content;align-self:flex-start;}.apple-cards-grid{display:grid;grid-template-columns:1fr auto;gap:24px;min-width:0;}.apple-card{background:rgba(255,255,255,0.7);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-radius:24px;padding:32px;border:1px solid rgba(0,0,0,0.05);box-shadow:0 4px 24px rgba(0,0,0,0.04);}.apple-card-title{font-size:15px;font-weight:600;color:var(--main-text-color);margin:0 0 24px 0;display:flex;align-items:center;justify-content:space-between;letter-spacing:-0.1px;gap:12px;}.apple-card-shortcut{font-size:11px;font-weight:400;color:var(--main-text-sub-color);opacity:0.6;display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;right:32px;position:absolute;}.apple-card .quick-links{margin:0;padding:0;padding-bottom:6px;border-bottom:none;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;min-width:0;}.apple-card .quick-links-item{flex-shrink:0;min-width:0;}.apple-card-quick-access{min-width:0;overflow:hidden;width:100%;box-sizing:border-box;}.apple-card-quick-access .quick-links{justify-content:flex-start;padding:4px 0;padding-bottom:10px;min-width:0;overflow-x:auto;}.apple-card-online{min-width:200px;max-width:300px;}.apple-card-online .quick-links{justify-content:center;flex-wrap:nowrap;gap:20px;padding:4px 0;padding-bottom:10px;}.apple-card-online .quick-links-item{width:auto;min-width:80px;}@media(max-width:1400px){.apple-home-container{padding:64px 24px;width:calc(100% - 40px);}.apple-hero{padding:64px 56px;}.apple-hero-title{font-size:64px;}.apple-hero-description{font-size:20px;}}@media(max-width:1024px){.apple-home-container{padding:48px 32px;width:calc(100% - 80px);}.apple-hero{padding:56px 40px;border-radius:24px;}.apple-hero-content{grid-template-columns:1fr;gap:56px;}.apple-hero-indicators{max-width:100%;}.apple-hero-title{font-size:56px;}.apple-hero-description{font-size:19px;}.apple-cards-grid{grid-template-columns:1fr;gap:20px;}.apple-card{padding:28px;}}@media(max-width:768px){.apple-home-container{padding:32px 20px;width:calc(100% - 80px);}.apple-hero{padding:40px 32px;border-radius:20px;margin-bottom:32px;}.apple-hero-title{font-size:48px;}.apple-hero-description{font-size:17px;}.apple-card{padding:24px;border-radius:20px;}.apple-card-title{font-size:14px;margin-bottom:20px;}.apple-indicator{gap:16px;}.apple-indicator-visual{width:56px;height:56px;}.apple-indicator-visual svg{width:56px;height:56px;}}@media(max-width:480px){.apple-home-container{padding:24px 16px;width:calc(100% - 80px);}.apple-hero{padding:32px 24px;}.apple-hero-title{font-size:40px;}.apple-hero-description{font-size:16px;}.apple-card{padding:20px;}}}