.today-display-page{margin:0;overflow:hidden;background:#eef1f4;color:#111827;font-family:Inter,"Noto Sans KR",sans-serif}.today-display-page #app,.today-display-shell{width:100vw;height:100vh;overflow:hidden}.today-display-shell{--display-header:216px;--display-footer:108px;--display-pad:48px;--display-gap:40px;--display-top:430px;--display-center:720px;--display-bottom:580px;--display-card-pad:40px;--display-title:36px;display:grid;grid-template-rows:var(--display-header) 1fr var(--display-footer)}
.display-header{height:var(--display-header);padding:40px 60px;background:#151b24;color:#fff;display:flex;align-items:center;gap:48px}.display-header>div:first-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:10px 24px}.display-brand{background:#1f5fbf;border-radius:6px;padding:6px 16px;font-size:28px;font-weight:800}.display-header>div:first-child>strong{font-size:64px}.display-header>div:first-child>small{grid-column:1/-1;font-size:30px;opacity:.8}.display-clock{margin-left:auto;text-align:right}.display-clock strong{display:block;font-size:34px}.display-clock small{font-size:20px;opacity:.7}.display-clock em{color:#f59e0b;font-style:normal}.display-health{padding:16px 24px;border-radius:12px;background:#1e293b;font-size:30px;font-weight:800}.display-health::before{content:"";display:inline-block;width:16px;height:16px;margin-right:12px;border-radius:50%;background:#10b981}.display-health.attention::before{background:#f59e0b}
.display-main{height:calc(100vh - var(--display-header) - var(--display-footer));box-sizing:border-box;padding:var(--display-pad);display:grid;grid-template-rows:var(--display-top) var(--display-center) var(--display-bottom);gap:var(--display-gap)}.display-top,.display-bottom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--display-gap)}.display-card{box-sizing:border-box;min-width:0;overflow:hidden;background:#fff;border:2px solid #dde2e8;border-radius:20px;padding:var(--display-card-pad)}.display-card h2{margin:0;font-size:var(--display-title)}.workforce-card{display:flex;align-items:center;gap:40px}.display-donut{width:312px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#1f5fbf var(--progress),#dde2e8 0);position:relative;flex:none}.display-donut::after{content:"";position:absolute;inset:38px;border-radius:50%;background:#fff}.display-donut strong{position:relative;z-index:1;font-size:90px}.display-number{display:block;margin:20px 0;font-size:52px}.workforce-card p{font-size:28px}.display-kpis{display:grid;grid-template-columns:1fr 1fr;height:calc(100% - 60px)}.display-kpis>div{display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid #dde2e8}.display-kpis>div:nth-child(odd){border-right:1px solid #dde2e8}.display-kpis>div:nth-child(n+3){border-bottom:0}.display-kpis span{font-size:26px;color:#667085}.display-kpis strong{font-size:44px;margin-top:10px}.display-kpis>div:nth-child(-n+2) strong{font-size:64px}.exception-row{display:flex;justify-content:space-between;align-items:center;font-size:28px;margin-top:18px}.exception-row strong{padding:6px 18px;border-radius:8px;background:#f2f4f7}.exception-row.warning strong{background:#fef3c7;color:#b45309}.exception-row.danger{color:#ef4444;font-weight:800}.exception-row.danger strong{background:#fce8e6}
.display-card-title{display:flex;align-items:baseline;justify-content:space-between}.display-card-title span{color:#667085;font-size:22px}.display-center{padding:28px 36px}.works-head,.works-body>div{display:grid;grid-template-columns:.8fr 1fr 2.2fr 1fr .65fr;gap:24px;align-items:center}.works-head{margin-top:22px;padding:14px 18px;background:#f2f4f7;color:#667085;font-size:24px;font-weight:700}.works-body>div{min-height:94px;padding:0 18px;border-bottom:1px solid #dde2e8;font-size:26px}.works-body>div>:last-child{text-align:right}.display-bars{margin-top:24px}.display-bars>div{display:grid;grid-template-columns:180px 1fr 90px;gap:18px;align-items:center;margin:20px 0;font-size:25px}.display-bars i{height:28px;background:#f2f4f7;border-radius:5px;overflow:hidden}.display-bars b{display:block;height:100%;background:#1f5fbf;opacity:.55}.display-bars b.top{background:#f59e0b;opacity:1}.display-heatmap{height:calc(100% - 60px);margin-top:20px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:14px}.display-heatmap>div{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;color:#fff;background:rgba(15,58,128,var(--heat));font-size:24px}.display-heatmap span{font-size:34px;font-weight:800}.display-heatmap small{font-size:18px}.flow-card>div{display:flex;justify-content:space-between;align-items:center;margin-top:40px;font-size:28px}.flow-card>div strong{font-size:42px;color:#1f5fbf}.flow-card>div:last-child strong{color:#f59e0b}.display-empty{color:#667085;font-size:24px}.display-footer{height:var(--display-footer);padding:0 48px;background:#fff;border-top:1px solid #dde2e8;display:flex;align-items:center;justify-content:space-between;font-size:22px}.display-footer div{display:flex;gap:14px}.display-footer button,.display-footer a{padding:12px 20px;border:1px solid #dde2e8;border-radius:8px;background:#fff;color:#111827;text-decoration:none;font:inherit;font-weight:700}
@media(max-width:3000px), (max-height:1800px){.today-display-shell{--display-header:150px;--display-footer:72px;--display-pad:32px;--display-gap:24px;--display-top:280px;--display-center:480px;--display-bottom:400px;--display-card-pad:26px;--display-title:24px}.display-header{padding:24px 40px;gap:28px}.display-brand{font-size:20px}.display-header>div:first-child>strong{font-size:42px}.display-header>div:first-child>small{font-size:20px}.display-clock strong{font-size:24px}.display-clock small{font-size:15px}.display-health{font-size:20px}.display-donut{width:190px}.display-donut::after{inset:24px}.display-donut strong{font-size:56px}.display-number{font-size:34px;margin:10px 0}.workforce-card p,.display-kpis span,.exception-row{font-size:19px}.display-kpis strong{font-size:29px}.display-kpis>div:nth-child(-n+2) strong{font-size:42px}.works-head{font-size:17px}.works-body>div{min-height:62px;font-size:18px}.display-bars>div{grid-template-columns:130px 1fr 65px;font-size:17px;margin:12px 0}.display-heatmap>div{font-size:17px}.display-heatmap span{font-size:24px}.flow-card>div{margin-top:24px;font-size:20px}.flow-card>div strong{font-size:30px}.display-footer{font-size:16px}}
@media(max-width:2100px), (max-height:1200px){.today-display-shell{--display-header:108px;--display-footer:54px;--display-pad:24px;--display-gap:18px;--display-top:220px;--display-center:360px;--display-bottom:310px;--display-card-pad:20px;--display-title:18px}.display-header{padding:18px 28px;gap:20px}.display-brand{font-size:14px;padding:4px 10px}.display-header>div:first-child>strong{font-size:30px}.display-header>div:first-child>small{font-size:15px}.display-clock strong{font-size:18px}.display-clock small{font-size:12px}.display-health{font-size:15px;padding:10px 14px}.display-donut{width:140px}.display-donut::after{inset:18px}.display-donut strong{font-size:40px}.display-number{font-size:25px;margin:8px 0}.workforce-card{gap:20px}.workforce-card p,.display-kpis span,.exception-row{font-size:14px}.display-kpis strong{font-size:20px;margin-top:5px}.display-kpis>div:nth-child(-n+2) strong{font-size:30px}.exception-row{margin-top:9px}.display-center{padding:16px 22px}.works-head{margin-top:10px;padding:8px 12px;font-size:13px}.works-body>div{min-height:56px;padding:0 12px;font-size:14px}.works-body>div:nth-child(n+5){display:none}.display-card-title span{font-size:13px}.display-bars{margin-top:10px}.display-bars>div{grid-template-columns:100px 1fr 50px;font-size:13px;margin:9px 0}.display-bars>div:nth-child(n+5){display:none}.display-bars i{height:18px}.display-heatmap{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:8px;margin-top:10px}.display-heatmap>div{font-size:13px}.display-heatmap>div:nth-child(n+5){display:none}.display-heatmap span{font-size:18px}.display-heatmap small{font-size:11px}.flow-card>div{margin-top:17px;font-size:15px}.flow-card>div strong{font-size:22px}.display-footer{padding:0 28px;font-size:12px}.display-footer button,.display-footer a{padding:7px 12px}}
.today-display-shell>#content{display:contents}.display-main{grid-template-rows:430fr 720fr 580fr}@media(max-width:3000px), (max-height:1800px){.display-main{grid-template-rows:280fr 480fr 400fr}}@media(max-width:2100px), (max-height:1200px){.display-main{grid-template-rows:220fr 360fr 310fr}}
.display-bottom>.display-card{display:flex;flex-direction:column}.display-bottom .display-heatmap{height:auto;flex:1;min-height:0}.display-bottom .display-empty{margin:1rem 0 0}
.display-main{grid-template-rows:none;min-height:0}.display-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--display-gap)}.display-stat{display:flex;flex-direction:column;justify-content:center}.display-stat span{color:#667085;font-size:clamp(16px,1.3vw,30px)}.display-stat strong{margin-top:.2em;font-size:clamp(34px,3vw,76px)}.display-stat.danger strong{color:#dc2626}.display-stat.warning strong{color:#d97706}.display-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:.6em 0;border-bottom:1px solid #dde2e8;font-size:clamp(15px,1.1vw,27px)}.display-row b{text-align:right}.display-three,.display-two{display:grid;gap:var(--display-gap);min-height:0}.display-three{grid-template-columns:repeat(3,minmax(0,1fr))}.display-two{grid-template-columns:repeat(2,minmax(0,1fr))}.display-page-overview{grid-template-rows:.7fr 1.6fr 1.45fr}.display-page-issue,.display-page-process,.display-page-workforce{grid-template-rows:.65fr 3fr}.display-priority{display:flex;flex-direction:column}.priority-item{display:grid;grid-template-columns:72px 180px 1fr;gap:28px;align-items:center;flex:1;border-bottom:1px solid #dde2e8}.priority-item:not(:has(img)){grid-template-columns:72px 1fr}.priority-item em{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#e8eef8;color:#1f5fbf;font-style:normal;font-weight:900}.priority-item img{width:180px;height:96px;object-fit:cover;border-radius:10px}.priority-item div{display:grid;gap:6px}.priority-item small{color:#dc2626;font-weight:800}.priority-item strong{font-size:clamp(20px,1.8vw,40px)}.priority-item span{color:#667085}.timeline-row{display:grid;grid-template-columns:190px 32px 1fr;align-items:center;min-height:clamp(65px,7vh,130px);font-size:clamp(14px,1.05vw,25px)}.timeline-row time{color:#667085}.timeline-row i{width:14px;height:14px;border-radius:50%;background:#1f5fbf;position:relative}.timeline-row i:after{content:"";position:absolute;left:6px;top:14px;width:2px;height:clamp(50px,7vh,120px);background:#cbd5e1}.timeline-row:last-child i:after{display:none}.timeline-row div{display:grid;gap:6px}.display-page-location{grid-template-columns:.8fr 1.65fr .9fr}.location-row{display:grid;grid-template-columns:1fr auto auto;gap:24px;align-items:center;min-height:clamp(54px,7vh,120px);border-bottom:1px solid #dde2e8;font-size:clamp(14px,1.05vw,25px)}.data-gap{padding:14px;background:#fff7ed;color:#c2410c;border-radius:8px;font-weight:700}.bar-row{display:grid;grid-template-columns:minmax(100px,1fr) 2.5fr 100px;gap:20px;align-items:center;margin:clamp(15px,2vh,36px) 0;font-size:clamp(15px,1.1vw,27px)}.bar-row i{height:clamp(16px,1.6vh,32px);background:#e5e7eb;border-radius:6px;overflow:hidden}.bar-row b{display:block;height:100%;background:#1f5fbf}.display-page-risk{grid-template-rows:1fr 2fr}.risk-sections article{display:grid;place-items:center;text-align:center}.risk-sections strong{font-size:clamp(50px,5vw,120px);color:#1f5fbf}.management-points{display:flex;flex-direction:column}.management-points article{display:grid;grid-template-columns:90px 130px 1fr 140px;align-items:center;flex:1;border-bottom:1px solid #dde2e8;font-size:clamp(17px,1.35vw,32px)}.management-points em{font-size:clamp(24px,2.2vw,54px);color:#94a3b8;font-style:normal}.management-points span{color:#1f5fbf;font-weight:800}.management-points b{text-align:right}.display-footer nav{display:flex;gap:10px}.display-footer nav a{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%}.display-footer nav a.active{background:#1f5fbf;color:#fff;border-color:#1f5fbf}@media(max-width:2100px),(max-height:1200px){.priority-item{grid-template-columns:44px 110px 1fr;gap:16px}.priority-item:not(:has(img)){grid-template-columns:44px 1fr}.priority-item em{width:36px;height:36px}.priority-item img{width:110px;height:60px}.timeline-row{grid-template-columns:120px 24px 1fr}.management-points article{grid-template-columns:55px 85px 1fr 90px}.display-footer nav{gap:5px}.display-footer nav a{width:26px;height:26px}}