:root{color-scheme:light;font-family:'Noto Sans KR',NanumGothic,Apple SD Gothic Neo,Malgun Gothic,Arial,sans-serif}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:#f5f7fc;color:#1b2a46}
button,input,select{font:inherit}
button{cursor:pointer}
.rr-stat{min-height:100vh;display:flex;flex-direction:column}
.rr-stat-hero{background:radial-gradient(circle at 82% 12%,rgba(129,166,244,.25),transparent 32%),linear-gradient(110deg,#071d51 0%,#0e3387 65%,#2250a4 100%);color:#fff;padding:44px clamp(20px,4vw,68px) 94px}
.rr-stat-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;width:100%}
.rr-stat-eyebrow{display:inline-block;color:#b5ccff;letter-spacing:.18em;font-size:12px;font-weight:800;margin-bottom:14px}
.rr-stat-title{font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:1.15;margin:0;font-weight:800}
.rr-stat-sub{font-size:16px;color:#d7e3ff;margin:14px 0 0}
.rr-stat-clock{text-align:right;white-space:nowrap}
.rr-stat-clock span{display:block;color:#d1dfff;font-size:14px}
.rr-stat-clock b{display:block;font-size:clamp(38px,4vw,58px);font-variant-numeric:tabular-nums;line-height:1.1;letter-spacing:-.04em;margin-top:5px}
.rr-stat-clock small{display:block;color:#b5ccff;font-size:12px;min-height:18px;margin-top:6px}
.rr-stat-main{width:100%;flex:1;padding:0 clamp(20px,4vw,68px) 64px}
.rr-stat-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:end;gap:14px 18px;padding:22px 25px;margin-top:-49px;background:#fff;border:1px solid #e0e7f4;border-radius:18px;box-shadow:0 18px 36px rgba(14,51,135,.11)}
.rr-stat-field{display:flex;flex-direction:column;gap:7px;min-width:170px;flex:1 1 190px}
.rr-stat-floor-field{flex:0 1 145px;min-width:110px}
.rr-stat-field label{font-size:12px;letter-spacing:.04em;color:#647596;font-weight:800}
.rr-stat select,.rr-stat input[type=date]{height:46px;width:100%;padding:0 12px;background:#f8faff;border:1px solid #dbe3f2;border-radius:9px;color:#20365e;font-size:15px}
.rr-stat button{height:46px;padding:0 19px;border:1px solid #cbd8ef;border-radius:9px;color:#0e3387;background:#fff;font-weight:800;font-size:14px;white-space:nowrap}
#rr-stat-reload{background:#0e3387;color:#fff;border-color:#0e3387}
#rr-stat-reload:disabled{opacity:.55;cursor:default}
.rr-stat select:focus-visible,.rr-stat input:focus-visible,.rr-stat button:focus-visible{outline:3px solid #8eb2f4;outline-offset:2px}
.rr-stat-message{margin-top:22px;border-radius:10px;background:#fff5dc;border:1px solid #ecd9a8;color:#715314;padding:14px 18px;font-size:14px}
.rr-stat-message[hidden]{display:none}
.rr-stat-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:48px 0 19px}
.rr-stat-section-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#0e3387;margin-bottom:5px}
.rr-stat-section-heading h2{font-size:clamp(24px,2.2vw,30px);line-height:1.3;letter-spacing:-.04em;margin:0}
.rr-stat-section-heading p{color:#718390;font-size:13px;margin:0 0 3px;text-align:right}
.rr-stat-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:24px}
.rr-stat-summary>div{display:flex;align-items:baseline;gap:12px;padding:17px 22px;background:#eaf0fc;border-radius:12px;border:1px solid #dce5f6}
.rr-stat-summary strong{font-size:31px;line-height:1;font-variant-numeric:tabular-nums;color:#0e3387}
.rr-stat-summary span{font-size:13px;color:#5f7580;font-weight:700}
.rr-stat-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start}
.rr-stat-group{min-width:0}
.rr-stat-group:not(.solo){grid-column:1/-1;padding:19px;border:1px solid #dce5f6;border-radius:18px;background:#eaf0fc}
.rr-stat-group-label{font-size:14px;color:#234783;font-weight:800;margin:0 0 13px 2px}
.rr-stat-group.solo .rr-stat-group-label{display:none}
.rr-stat-group-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.rr-stat-card{min-width:0;min-height:228px;background:#fff;border:1px solid #e0e7f4;border-radius:16px;padding:21px 22px;box-shadow:0 5px 20px rgba(14,51,135,.05)}
.rr-stat-card.is-free{border-top:4px solid #7099e8;padding-top:18px}
.rr-stat-card.is-busy{border-top:4px solid #0e3387;padding-top:18px}
.rr-stat-card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}
.rr-stat-card-name{font-size:20px;line-height:1.25;letter-spacing:-.03em;font-weight:800;color:#152d5f;word-break:keep-all}
.rr-stat-card-meta{font-size:13px;color:#78909c;margin-top:6px}
.rr-stat-status{flex:none;padding:5px 10px;border-radius:99px;background:#e9eef9;color:#52688f;font-size:12px;font-weight:800}
.rr-stat-card.is-free .rr-stat-status{background:#e8f1ff;color:#285eb9}
.rr-stat-card.is-busy .rr-stat-status{background:#dfe8fb;color:#0e3387}
.rr-stat-card-detail{color:#4f6974;font-size:14px;margin:17px 0 18px}
.rr-stat-card-divider{height:1px;background:#e6ebf4}
.rr-stat-card-meter{display:flex;justify-content:space-between;gap:10px;margin:17px 0 10px;font-size:13px;color:#6e8490}
.rr-stat-card-meter strong{font-size:14px;color:#0e3387}
.rr-stat-mini{position:relative;height:10px;border-radius:99px;background:#e6efff;overflow:hidden}
.rr-stat-mini.unknown{background:repeating-linear-gradient(45deg,#f4f6f6 0 6px,#e4e9e8 6px 12px)}
.rr-stat-mini-booking{position:absolute;top:0;bottom:0;background:#0e3387}
.rr-stat-card-times{display:flex;align-items:start;gap:14px;margin-top:15px;color:#748995;font-size:12px}
.rr-stat-card-times>span{flex:none;font-weight:800}
.rr-stat-card-list{list-style:none;display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:0}
.rr-stat-card-list li{color:#35537f;background:#edf2fb;border-radius:5px;padding:1px 7px;font-size:12px;font-variant-numeric:tabular-nums}
.rr-stat-card-list li.none{background:transparent;padding:0;color:#9baab0}
.rr-stat-empty{padding:30px;color:#718390;background:#fff;border-radius:14px}
.rr-stat-timeline-heading{margin-top:55px}
.rr-stat-legend{display:flex;flex-wrap:wrap;gap:15px;color:#607987;font-size:12px;font-weight:700}
.rr-stat-legend span{display:inline-flex;align-items:center;gap:7px}
.rr-stat-legend i{display:inline-block;flex:none}
.rr-stat-key-free{width:15px;height:10px;background:#e6efff;border:1px solid #cbdcf8;border-radius:2px}
.rr-stat-key-busy{width:15px;height:10px;background:#0e3387;border-radius:2px}
.rr-stat-key-now{width:3px;height:14px;background:#4775d1;border-radius:2px}
.rr-stat-timeline{background:#fff;border:1px solid #e0e7f4;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px rgba(14,51,135,.05)}
.rr-stat-scroll{overflow-x:auto}
.rr-stat-grid{min-width:770px}
.rr-stat-head,.rr-stat-row{display:grid;grid-template-columns:190px minmax(0,1fr)}
.rr-stat-head{background:#f3f6fc;border-bottom:1px solid #e0e7f4}
.rr-stat-head>div:first-child{padding:17px 20px;font-size:13px;font-weight:800;color:#54707b}
.rr-stat-axis{position:relative;height:22px;margin:15px 18px}
.rr-stat-axis span{position:absolute;top:0;transform:translateX(-50%);color:#78909a;font-size:12px;font-variant-numeric:tabular-nums}
.rr-stat-row{border-bottom:1px solid #e9edf5}
.rr-stat-row:last-child{border-bottom:0}
.rr-stat-row-name{padding:15px 20px;border-right:1px solid #e9edf5}
.rr-stat-row-name b{display:block;font-size:14px;color:#233e73}
.rr-stat-row-name span{display:block;font-size:12px;color:#8498a1;margin-top:4px}
.rr-stat-track{position:relative;margin:18px;height:30px;border-radius:5px;background:#e6efff;overflow:visible}
.rr-stat-track.unknown{background:repeating-linear-gradient(45deg,#f4f6f6 0 7px,#e4e9e8 7px 14px)}
.rr-stat-hour{position:absolute;top:0;bottom:0;width:1px;background:#cbdcf8}
.rr-stat-block{position:absolute;top:0;bottom:0;background:#0e3387;color:#fff;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.rr-stat-past{position:absolute;top:0;bottom:0;left:0;background:rgba(29,54,67,.12);pointer-events:none;z-index:2}
.rr-stat-now{position:absolute;top:-5px;bottom:-5px;width:3px;background:#4775d1;z-index:3;border-radius:2px}
.rr-stat-footer{display:flex;justify-content:space-between;gap:18px;padding:20px clamp(20px,4vw,68px);background:#e9eef8;color:#66799b;font-size:12px}
@media(max-width:760px){.rr-stat-hero{padding-top:34px;padding-bottom:86px}.rr-stat-summary{gap:8px}.rr-stat-summary>div{display:block;padding:14px}.rr-stat-summary span{display:block;margin-top:7px}.rr-stat-section-heading{align-items:start}.rr-stat-section-heading p{max-width:190px}.rr-stat-toolbar{padding:17px}.rr-stat-field{min-width:130px}}
@media(max-width:560px){.rr-stat-hero-inner{align-items:start;flex-direction:column;gap:20px}.rr-stat-clock{text-align:left}.rr-stat-clock b{font-size:38px}.rr-stat-main{padding-bottom:40px}.rr-stat-toolbar{margin-top:-48px}.rr-stat-field{flex-basis:100%}.rr-stat-floor-field{flex:1 1 100%}.rr-stat-toolbar button{flex:1}.rr-stat-section-heading{display:block;margin-top:35px}.rr-stat-section-heading p{max-width:none;text-align:left;margin-top:8px}.rr-stat-summary strong{font-size:26px}.rr-stat-summary span{font-size:11px}.rr-stat-timeline-heading .rr-stat-legend{margin-top:13px}.rr-stat-footer{flex-direction:column;gap:3px}}
