@font-face{font-family:LINESeedJP;src:url(/build/common/fonts/lineseed/LINESeedJP_OTF_Rg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LINESeedJP;src:url(/build/common/fonts/lineseed/LINESeedJP_OTF_Bd.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:LINESeedJP;src:url(/build/common/fonts/lineseed/LINESeedJP_OTF_Th.otf) format("opentype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:LINESeedJP;src:url(/build/common/fonts/lineseed/LINESeedJP_OTF_Eb.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@supports not (min-block-size: 100dvb){:where(html){block-size:100%}}@media (prefers-reduced-motion: no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){block-size:100%;block-size:100dvb;line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:2px solid var(--focus-color, Highlight);outline-offset:2px}:where(.visually-hidden:not(:focus,:active,:focus-within,.not-visually-hidden)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}*{box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:none;scroll-behavior:smooth}body{font-family:LINESeedJP,Hiragino Sans,ヒラギノ角ゴシック,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.4rem;color:#333;line-height:1.4;background-color:#fbf9ef;font-feature-settings:"palt" 1}p{line-height:1.6}a:link,a:visited,a:hover{color:#3d64cb;text-decoration:none}img{width:100%;height:auto;vertical-align:text-bottom;display:block}a:hover{transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s;-ms-transition:opacity .5s;backface-visibility:hidden}a:hover:hover{opacity:.7;backface-visibility:hidden}.cmn-card{background-color:#fff;border-radius:10px;padding:20px}.cmn-card p{font-size:1.4rem;line-height:1.6}.cmn-card p .tooltips{text-decoration:underline;cursor:pointer}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#4e988f;color:#fff;border-radius:50%;text-align:center;margin-left:8px;cursor:help;font-size:14px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.tooltip-icon:hover,.tooltip-icon:focus{transform:scale(1.15);box-shadow:0 3px 6px #00000040;background-color:#4e988f}.tooltip-icon:hover+.tooltip-content,.tooltip-icon:focus+.tooltip-content{opacity:1;visibility:visible;transform:translateY(0)}.tooltip-content{position:absolute;top:100%;left:0;background:#fff;border-radius:8px;padding:12px 15px;width:350px!important;max-width:90vw!important;box-shadow:0 3px 12px #00000026;font-size:13px;line-height:1.5;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;text-align:left}.tooltip-content h4{margin-top:0;margin-bottom:8px;font-size:14px;font-weight:600}.tooltip-content p{margin:0;color:#666;white-space:normal!important;line-height:1.4!important}.tooltip-content .example{margin-top:8px;padding:8px;background-color:#4e988f1a;border-left:3px solid #4e988f;border-radius:2px;font-size:12px;line-height:1.4;white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}.tooltip-left .tooltip-content,.s_9 .tooltip-content{left:auto;right:0}@media screen and (max-width: 1200px){.tooltip-content{left:auto;right:0}}.cmn-title{font-size:1.8rem;font-weight:700;padding:10px 0;border-bottom:1px solid #ccc;margin-bottom:20px;position:relative;display:flex;align-items:center}.cmn-title .tooltip-container{margin-left:0}.cmn-title .btn-detail{font-size:1.3rem;color:#3d64cb;text-decoration:none;display:inline-flex;align-items:center;margin-left:auto;transition:all .2s ease}.cmn-title .btn-detail span{margin-right:5px}.cmn-title .btn-detail i{font-size:1.1rem}.cmn-title .btn-detail:hover{opacity:.7}.cmn-head{font-size:2.2rem;display:inline-block}.cmn-manualBtn{display:inline-block;background-color:#fff;border:1px solid #3d64cc;padding:2px 10px;margin-left:10px;border-radius:4px;vertical-align:bottom;cursor:pointer}.positive{color:#1e88e5}.negative{color:#ef5350}.trend-up{color:#1e88e5}.trend-down{color:#ef5350}.cmn-moreBtn{display:grid;justify-content:center}.cmn-moreBtn a,.cmn-moreBtn button{text-align:center;display:grid;place-content:center;border-radius:20px;height:40px;line-height:40px;line-height:1;padding:0 40px 0 20px;border:2px solid #3d64cb;border-bottom-width:4px;color:#333;font-size:1.3rem;background-color:#fff;position:relative;font-weight:700}.cmn-moreBtn a:after,.cmn-moreBtn button:after{content:"";background:url(/build/common/css/arw.svg) no-repeat center;background-size:16px 16px;width:36px;height:36px;line-height:32px;text-align:center;display:block;top:0;right:4px;position:absolute}.cmn-moreBtn a.btn-back,.cmn-moreBtn button.btn-back{border:none;padding-right:20px}.cmn-moreBtn a.btn-back:after,.cmn-moreBtn button.btn-back:after{display:none}.cmn-moreBtn button{border-radius:30px;height:60px;line-height:60px;line-height:1;border-bottom-width:6px;font-size:1.6rem;padding-right:50px}.cmn-moreBtn button:after{width:56px;height:56px}.cmn-moreBtn.is-blank a:after{background-image:url(/build/common/css/blank.svg)}@media screen and (min-width: 1280px){.cmn-moreBtn a{border-radius:30px;height:60px;line-height:60px;line-height:1;border-bottom-width:6px;font-size:1.6rem;padding-right:50px}.cmn-moreBtn a:after{width:56px;height:56px}}.cmn-sectionTitle{text-align:center;font-size:1.6rem;font-weight:600}.cmn-sectionTitle span{display:block;font-family:Lato,sans-serif;font-size:1rem}.cmn-topicpath ol{overflow:auto;-ms-overflow-style:none;white-space:nowrap;padding:20px 0;-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.cmn-topicpath ol::-webkit-scrollbar{display:none}.cmn-topicpath ol li{display:inline-block;font-size:1.1rem}.cmn-topicpath ol li:after{content:"";font-family:FontAwesome;padding:0 14px}.cmn-topicpath ol li:last-child:after{content:""}nav[role=navigation].cmn-nav{text-align:center;margin:auto;width:100%;color:#3d64cb;font-weight:700}@media screen and (min-width: 1280px){nav[role=navigation].cmn-nav{padding:40px 0 0}}nav[role=navigation].cmn-nav .cd-pagination li{height:40px;width:40px;line-height:40px;display:inline-block}nav[role=navigation].cmn-nav .cd-pagination li a,nav[role=navigation].cmn-nav .cd-pagination li span{display:block;cursor:pointer;width:100%;height:100%;border-radius:50%}nav[role=navigation].cmn-nav .cd-pagination li:hover a{color:#fff;background-color:#3d64cb;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;backface-visibility:hidden}nav[role=navigation].cmn-nav .cd-pagination li.button a{display:block;cursor:pointer;background:url(/build/common/css/arw.svg) no-repeat center;background-size:contain;width:50%;height:100%;margin:auto;color:#fff0}nav[role=navigation].cmn-nav .cd-pagination li.button.is-left a{transform:rotate(180deg)}nav[role=navigation].cmn-nav .cd-pagination .current{pointer-events:none;color:#fff;background-color:#3d64cb}.cmn-tab .cmn-tab_btn{display:flex;gap:20px;padding:0 20px}.cmn-tab .cmn-tab_btn_item{border-top-left-radius:6px;border-top-right-radius:6px;background-color:#f5f6fb;font-size:1.6rem;font-weight:700;height:40px;line-height:40px;padding:0 20px;width:100%;cursor:pointer;transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s;-ms-transition:opacity .5s;backface-visibility:hidden}.cmn-tab .cmn-tab_btn_item:hover{opacity:.7;backface-visibility:hidden}.cmn-tab .cmn-tab_btn_item.is-active{background-color:#3d64cb;color:#fff}.cmn-tab .cmn-tab_cont{border-radius:10px;border:2px solid #3d64cb;background:#fff;padding:30px;display:none}.cmn-tab .cmn-tab_cont.is-active{display:block}.cmn-cvList{display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr}.cmn-cvList_item{display:grid;gap:10px;grid-template-columns:50px 1fr}.cmn-cvList_item .el_score{width:50px;height:50px;line-height:45px;text-align:center;border-radius:25px;background-color:#e0f3f1;color:#4e988f;font-size:14px;font-family:Zen Maru Gothic}.cmn-cvList_item .el_score span{font-size:24px;font-weight:700}.cmn-cvList_item .el_score.is-down{background-color:#ffebea;color:#db6458}.cmn-cvList_item .el_data{font-weight:700}.cmn-cvList_item .el_data .el_note{font-size:1.4rem}.cmn-cvList_item .el_data .el_note span{font-size:2rem}.cmn-cvList_item .el_data .el_note .fa-level-down{color:#db6458}.cmn-cvList_item .el_data .el_note .fa-level-up{color:#4e988f}.cmn-cvList+div{margin-top:20px;padding-top:20px;border-top:1px solid #ccc}.tooltips{position:relative}.tooltips_item{position:absolute;bottom:20px;right:0;z-index:10;padding:6px;background:#fff;border-radius:6px;border:2px solid #3d64cb;width:220px;color:#333;font-size:1.2rem;line-height:1.4;text-decoration:none!important;text-align:left}.tooltips_item:after{content:"";display:block;position:absolute;right:0;bottom:-8px;border-bottom:8px solid rgba(0,0,0,0);border-left:8px solid #3d64cb}.cmn-subMenu{display:flex;flex-wrap:wrap;border-bottom:1px solid #e0e0e0;background-color:#f8f9fa;margin-bottom:20px;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.cmn-subMenu li{margin:0;position:relative}.cmn-subMenu li a{padding:12px 20px;display:flex;align-items:center;font-weight:500;color:#5f6368;font-size:14px;height:auto;transition:all .2s ease;position:relative;text-decoration:none;border-bottom:3px solid rgba(0,0,0,0)}.cmn-subMenu li a.is-current{color:#3d64cb;font-weight:600;border-bottom:3px solid #3d64cb;background-color:#0000}.cmn-subMenu li a:hover{color:#3d64cb;background-color:#4285f40a;opacity:1}.cmn-subMenu li a:after{display:none}@media (max-width: 768px){.cmn-subMenu{overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.cmn-subMenu::-webkit-scrollbar{display:none}.cmn-subMenu li a{padding:12px 16px;font-size:13px}}.cmn-modal_box{display:none;position:fixed;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);background-color:#0006}.cmn-modal_box>div{top:50%;left:50%;background-color:#fff;width:70%;height:70%;transform:translate(-50%,-50%);padding:60px;position:fixed;border-radius:10px;overflow-y:scroll}.cmn-modal_close{cursor:pointer;display:inline-block;background-color:#3d64cb;color:#fff;position:absolute;top:20px;right:20px;padding:10px;font-weight:700;border-radius:10px}.cmn-timeline{line-height:1.6;padding:0;width:max-content;margin:auto}.cmn-timeline li{list-style-type:none;margin:0 0 1em}.cmn-timeline li>div{width:max-content;min-width:260px;font-weight:700;text-align:center;border-radius:6px;background-color:#fff;border:2px solid #c6dbff}.cmn-timeline li>div h3{background-color:#c6dbff;padding:10px 20px}.cmn-timeline li>div p{font-weight:400;padding:10px 20px}.cmn-timeline>li>div{border-radius:6px;border:2px solid #3d64cb}.cmn-timeline>li>div h3{color:#fff;background-color:#3d64cb}.cmn-timeline ul{position:relative;padding:0;margin:0 0 0 2em}.cmn-timeline ul:before{content:"";position:absolute;top:0;left:0;height:100%;border-left:1px solid #333}.cmn-timeline ul li{list-style-type:none;position:relative;padding-left:2em}.cmn-timeline ul li:before{content:"";position:absolute;top:.7em;left:0;width:2em;border-top:1px solid #333}.cmn-timeline ul li:first-child{padding:.8em 0 0 2em}.cmn-timeline ul li:first-child:before{top:1.4em;padding-top:1em}.cmn-timeline ul li:last-child:before{height:100%;background-color:#fff}.font-test-container{padding:20px;background:#f5f5f5;border-radius:10px;margin:20px 0}.font-test-title{font-size:2rem;margin-bottom:20px;color:#333}.font-test-item{margin-bottom:15px;padding:10px;background:#fff;border-radius:5px;box-shadow:0 1px 3px #0000001a}.font-test-item-label{font-size:1.2rem;color:#666;margin-bottom:5px}.font-test-item-text{font-size:1.6rem;line-height:1.6}.font-test-thin{font-weight:100}.font-test-regular{font-weight:400}.font-test-bold{font-weight:700}.font-test-eb{font-weight:800}.sample-text{font-size:1.6rem;line-height:1.8;margin:20px 0;padding:20px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a}.sample-text-title{font-weight:700;margin-bottom:15px;color:#333}.sample-text-content{font-weight:400;color:#666}.cmn-loading-overlay .cmn-loading-spinner{width:24px;height:24px;border:3px solid #4a90e2;border-top-color:#0000;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:8px}.cmn-loading-overlay .cmn-loading-text{font-size:14px;font-weight:700;color:#333}@keyframes pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.comparison-item{display:flex;align-items:center;white-space:nowrap;font-size:11px;color:#666}.comparison-item.no-label{font-size:16px!important;font-weight:600!important;text-align:center}.comparison-item.no-label .comparison-value{font-size:16px!important;font-weight:600!important;display:inline-block;margin:0}.comparison-item.no-label .fa{font-size:16px!important;margin-left:4px}.comparison-item:not(.no-label){font-size:14px}.comparison-item:not(.no-label) .comparison-value{font-size:14px}.comparison-label{margin-right:4px}.comparison-value{font-weight:600}.comparison-value.positive{color:#1e88e5}.comparison-value.negative{color:#ef5350}.engagement-bar{position:relative;width:100%;height:20px;background-color:#1e88e51a;border-radius:10px;overflow:hidden;margin:3px 0}.engagement-bar.engagement-excellent{background-color:#4caf501a}.engagement-bar.engagement-excellent .engagement-bar-fill{background-color:#4caf50}.engagement-bar.engagement-good{background-color:#1e88e51a}.engagement-bar.engagement-good .engagement-bar-fill{background-color:#1e88e580}.engagement-bar.engagement-needs-improvement{background-color:#ff98001a}.engagement-bar.engagement-needs-improvement .engagement-bar-fill{background-color:#ff9800}.engagement-bar-fill{position:absolute;left:0;top:0;height:100%;background-color:#1e88e580;border-radius:10px}.engagement-text{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#333;font-size:.85em;font-weight:700;text-shadow:0 0 2px hsla(0,0%,100%,.8)}i.fa.fa-arrow-up.positive,i.fa.fa-arrow-up.trend-up{color:#1e88e5!important}i.fa.fa-arrow-down.negative,i.fa.fa-arrow-down.trend-down{color:#ef5350!important}.l-container{display:grid;grid-template-columns:240px 1fr;max-width:1650px;min-width:1200px}.l-col_wrap{display:grid;gap:30px 20px;grid-template-columns:repeat(12,1fr)}.l-col_wrap .s_1{grid-column-start:1}.l-col_wrap .s_2{grid-column-start:2}.l-col_wrap .s_3{grid-column-start:3}.l-col_wrap .s_4{grid-column-start:4}.l-col_wrap .s_5{grid-column-start:5}.l-col_wrap .s_6{grid-column-start:6}.l-col_wrap .s_7{grid-column-start:7}.l-col_wrap .s_8{grid-column-start:8}.l-col_wrap .s_9{grid-column-start:9}.l-col_wrap .s_10{grid-column-start:10}.l-col_wrap .s_11{grid-column-start:11}.l-col_wrap .s_12{grid-column-start:12}.l-col_wrap .e_1{grid-column-end:2}.l-col_wrap .e_2{grid-column-end:3}.l-col_wrap .e_3{grid-column-end:4}.l-col_wrap .e_4{grid-column-end:5}.l-col_wrap .e_5{grid-column-end:6}.l-col_wrap .e_6{grid-column-end:7}.l-col_wrap .e_7{grid-column-end:8}.l-col_wrap .e_8{grid-column-end:9}.l-col_wrap .e_9{grid-column-end:10}.l-col_wrap .e_10{grid-column-end:11}.l-col_wrap .e_11{grid-column-end:12}.l-col_wrap .e_12{grid-column-end:13}.main-area{display:flex;margin-top:60px}.nav{width:250px;flex-shrink:0}.contents{flex-grow:1;overflow-x:hidden}.l-container{display:flex;flex-direction:column;min-height:100vh}.notification-container{margin-bottom:5px}.split-layout{display:flex;gap:20px;margin-bottom:20px}.split-layout .graph-area,.split-layout .cards-area{flex:0 0 calc(50% - 10px)}@media screen and (max-width: 768px){.split-layout{flex-direction:column}.split-layout .graph-area,.split-layout .cards-area{flex:1}}.fixed-header{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.header-left{display:flex;align-items:center;gap:15px}.header-logo img{height:36px}.site-selector{margin-left:10px}.site-select{padding:5px 10px;border-radius:4px;border:1px solid #ddd;font-size:14px;background-color:#f5f5f5}.header-right{display:flex;align-items:center;gap:15px}.user-info{font-size:14px;font-weight:500}.mgt-0{margin-top:0!important}.pdt-0{padding-top:0!important}.mgb-0{margin-bottom:0!important}.pdb-0{padding-bottom:0!important}.mgl-0{margin-left:0!important}.pdl-0{padding-left:0!important}.mgr-0{margin-right:0!important}.pdr-0{padding-right:0!important}.mgt-10{margin-top:10px!important}.pdt-10{padding-top:10px!important}.mgb-10{margin-bottom:10px!important}.pdb-10{padding-bottom:10px!important}.mgl-10{margin-left:10px!important}.pdl-10{padding-left:10px!important}.mgr-10{margin-right:10px!important}.pdr-10{padding-right:10px!important}.mgt-20{margin-top:20px!important}.pdt-20{padding-top:20px!important}.mgb-20{margin-bottom:20px!important}.pdb-20{padding-bottom:20px!important}.mgl-20{margin-left:20px!important}.pdl-20{padding-left:20px!important}.mgr-20{margin-right:20px!important}.pdr-20{padding-right:20px!important}.mgt-30{margin-top:30px!important}.pdt-30{padding-top:30px!important}.mgb-30{margin-bottom:30px!important}.pdb-30{padding-bottom:30px!important}.mgl-30{margin-left:30px!important}.pdl-30{padding-left:30px!important}.mgr-30{margin-right:30px!important}.pdr-30{padding-right:30px!important}.mgt-40{margin-top:40px!important}.pdt-40{padding-top:40px!important}.mgb-40{margin-bottom:40px!important}.pdb-40{padding-bottom:40px!important}.mgl-40{margin-left:40px!important}.pdl-40{padding-left:40px!important}.mgr-40{margin-right:40px!important}.pdr-40{padding-right:40px!important}.mgt-50{margin-top:50px!important}.pdt-50{padding-top:50px!important}.mgb-50{margin-bottom:50px!important}.pdb-50{padding-bottom:50px!important}.mgl-50{margin-left:50px!important}.pdl-50{padding-left:50px!important}.mgr-50{margin-right:50px!important}.pdr-50{padding-right:50px!important}.mgt-60{margin-top:60px!important}.pdt-60{padding-top:60px!important}.mgb-60{margin-bottom:60px!important}.pdb-60{padding-bottom:60px!important}.mgl-60{margin-left:60px!important}.pdl-60{padding-left:60px!important}.mgr-60{margin-right:60px!important}.pdr-60{padding-right:60px!important}.mgt-70{margin-top:70px!important}.pdt-70{padding-top:70px!important}.mgb-70{margin-bottom:70px!important}.pdb-70{padding-bottom:70px!important}.mgl-70{margin-left:70px!important}.pdl-70{padding-left:70px!important}.mgr-70{margin-right:70px!important}.pdr-70{padding-right:70px!important}.mgt-80{margin-top:80px!important}.pdt-80{padding-top:80px!important}.mgb-80{margin-bottom:80px!important}.pdb-80{padding-bottom:80px!important}.mgl-80{margin-left:80px!important}.pdl-80{padding-left:80px!important}.mgr-80{margin-right:80px!important}.pdr-80{padding-right:80px!important}.mgt-90{margin-top:90px!important}.pdt-90{padding-top:90px!important}.mgb-90{margin-bottom:90px!important}.pdb-90{padding-bottom:90px!important}.mgl-90{margin-left:90px!important}.pdl-90{padding-left:90px!important}.mgr-90{margin-right:90px!important}.pdr-90{padding-right:90px!important}.mgt-100{margin-top:100px!important}.pdt-100{padding-top:100px!important}.mgb-100{margin-bottom:100px!important}.pdb-100{padding-bottom:100px!important}.mgl-100{margin-left:100px!important}.pdl-100{padding-left:100px!important}.mgr-100{margin-right:100px!important}.pdr-100{padding-right:100px!important}.mgt-110{margin-top:110px!important}.pdt-110{padding-top:110px!important}.mgb-110{margin-bottom:110px!important}.pdb-110{padding-bottom:110px!important}.mgl-110{margin-left:110px!important}.pdl-110{padding-left:110px!important}.mgr-110{margin-right:110px!important}.pdr-110{padding-right:110px!important}.mgt-120{margin-top:120px!important}.pdt-120{padding-top:120px!important}.mgb-120{margin-bottom:120px!important}.pdb-120{padding-bottom:120px!important}.mgl-120{margin-left:120px!important}.pdl-120{padding-left:120px!important}.mgr-120{margin-right:120px!important}.pdr-120{padding-right:120px!important}.mgt-130{margin-top:130px!important}.pdt-130{padding-top:130px!important}.mgb-130{margin-bottom:130px!important}.pdb-130{padding-bottom:130px!important}.mgl-130{margin-left:130px!important}.pdl-130{padding-left:130px!important}.mgr-130{margin-right:130px!important}.pdr-130{padding-right:130px!important}.mgt-140{margin-top:140px!important}.pdt-140{padding-top:140px!important}.mgb-140{margin-bottom:140px!important}.pdb-140{padding-bottom:140px!important}.mgl-140{margin-left:140px!important}.pdl-140{padding-left:140px!important}.mgr-140{margin-right:140px!important}.pdr-140{padding-right:140px!important}.mgt-150{margin-top:150px!important}.pdt-150{padding-top:150px!important}.mgb-150{margin-bottom:150px!important}.pdb-150{padding-bottom:150px!important}.mgl-150{margin-left:150px!important}.pdl-150{padding-left:150px!important}.mgr-150{margin-right:150px!important}.pdr-150{padding-right:150px!important}.mgt-160{margin-top:160px!important}.pdt-160{padding-top:160px!important}.mgb-160{margin-bottom:160px!important}.pdb-160{padding-bottom:160px!important}.mgl-160{margin-left:160px!important}.pdl-160{padding-left:160px!important}.mgr-160{margin-right:160px!important}.pdr-160{padding-right:160px!important}.mgt-170{margin-top:170px!important}.pdt-170{padding-top:170px!important}.mgb-170{margin-bottom:170px!important}.pdb-170{padding-bottom:170px!important}.mgl-170{margin-left:170px!important}.pdl-170{padding-left:170px!important}.mgr-170{margin-right:170px!important}.pdr-170{padding-right:170px!important}.mgt-180{margin-top:180px!important}.pdt-180{padding-top:180px!important}.mgb-180{margin-bottom:180px!important}.pdb-180{padding-bottom:180px!important}.mgl-180{margin-left:180px!important}.pdl-180{padding-left:180px!important}.mgr-180{margin-right:180px!important}.pdr-180{padding-right:180px!important}.mgt-190{margin-top:190px!important}.pdt-190{padding-top:190px!important}.mgb-190{margin-bottom:190px!important}.pdb-190{padding-bottom:190px!important}.mgl-190{margin-left:190px!important}.pdl-190{padding-left:190px!important}.mgr-190{margin-right:190px!important}.pdr-190{padding-right:190px!important}.mgt-200{margin-top:200px!important}.pdt-200{padding-top:200px!important}.mgb-200{margin-bottom:200px!important}.pdb-200{padding-bottom:200px!important}.mgl-200{margin-left:200px!important}.pdl-200{padding-left:200px!important}.mgr-200{margin-right:200px!important}.pdr-200{padding-right:200px!important}.align-left{text-align:left}.align-center{text-align:center;display:block}.align-right{text-align:right}.bold{font-weight:700}.float-left{float:left}.float-right{float:right}br.smp{display:none}@media screen and (max-width: 768px){br.smp{display:inline}}br.pc{display:inline}@media screen and (max-width: 768px){br.pc{display:none}}.notification-container{margin-bottom:15px;border:none;border-radius:4px;box-shadow:0 1px 3px #00000008;overflow:hidden;background-color:#fff}.notification-header{padding:8px 16px;background:linear-gradient(to right,#f8fafc,#eef2f7);border-bottom:1px solid #eaeff5;cursor:pointer;font-weight:500;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;font-size:.85rem;letter-spacing:.8px;text-transform:uppercase;color:#4a5568}.notification-header:hover{background:linear-gradient(to right,#eef2f7,#e6edf5);color:#2d3748}.toggle-icon{transition:transform .3s ease;font-size:.75rem;opacity:.7}.notification-header:hover .toggle-icon{opacity:1}.notification-content{padding:0;transition:max-height .3s ease}.notification-item{padding:12px 16px;border-bottom:1px solid #eef2f7;transition:background-color .2s ease}.notification-item:hover{background-color:#f9fafb}.notification-item:last-child{border-bottom:none;margin-bottom:0}.notification-alert{background-color:#fffbf1;border-left:2px solid #f6ad55}.notification-news{background-color:#f9fbfe;border-left:2px solid #63b3ed}.notification-date{font-size:.8em;color:#718096;margin-bottom:4px;display:flex;align-items:center;gap:5px}.notification-text{color:#4a5568;line-height:1.5;font-size:.95em}.notification-text a{color:#4299e1;text-decoration:none;transition:color .2s;font-weight:500}.notification-text a:hover{color:#2b6cb0;text-decoration:underline}.badge{display:inline-block;padding:2px 6px;font-size:.65em;font-weight:500;border-radius:2px;letter-spacing:.5px;text-transform:uppercase}.badge-blue{background-color:#ebf4ff;color:#3182ce}.notification-icon{position:relative;font-size:20px;width:36px;height:36px;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease}.notification-icon:hover{transform:scale(1.05);box-shadow:0 3px 7px #00000026}.notification-icon i{color:#4a5568;font-size:16px}.notification-badge{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background-color:#f56565;color:#fff;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.notification-modal{position:fixed;top:60px;right:20px;width:300px;background-color:#fff;display:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.notification-modal.show{display:block;opacity:1;transform:translateY(0)}.notification-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(to right,#f8fafc,#eef2f7);border-bottom:1px solid #eaeff5;font-weight:500;font-size:.9rem;color:#4a5568;text-transform:uppercase;letter-spacing:.8px}.notification-close{cursor:pointer;font-size:18px;color:#718096;transition:color .2s ease}.notification-close:hover{color:#4a5568}.notification-modal-content{max-height:60vh;overflow-y:auto}.date-selector-wrapper,.date-selector-container{width:100%}.date-and-filter-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:15px;min-height:40px;margin-bottom:0;padding:8px 0 4px;border-bottom:1px solid #e0e0e0}.date-presets-row{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 0}.date-selector-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:40px}.controls-row{padding:8px 0;border-radius:4px;margin-bottom:0}.site-selector{flex:0 0 auto}.date-presets{display:flex;gap:4px;flex-wrap:wrap;flex:1}.date-preset-btn{padding:4px 8px;border:1px solid #ccc;background-color:#f8f8f8;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85em;white-space:nowrap}.date-preset-btn:hover{background-color:#e9e9e9}.date-preset-btn.active{background-color:#4a90e2;color:#fff;border-color:#3a80d2}.date-apply-btn{padding:4px 8px;border:1px solid #4a90e2;background-color:#4a90e2;color:#fff;border-radius:4px;cursor:pointer;transition:all .2s;font-size:.85em;white-space:nowrap}.date-apply-btn:hover{background-color:#3a80d2;border-color:#3a80d2}.date-apply-btn i{margin-right:3px;font-size:.9em}.date-range-selector{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-width:300px}.date-range-selector label{font-size:.9em;white-space:nowrap}.date-range-selector input[type=date]{width:120px;padding:4px;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;font-size:.9em}.date-range-selector .date-input-wrapper{position:relative;display:inline-block}.date-range-selector .date-input-wrapper i.fa-calendar{position:absolute;right:8px;top:48%;transform:translateY(-50%);z-index:1;pointer-events:none;color:#666;font-size:.8em}.date-range-selector .date-input-wrapper input[type=date]{padding-right:22px}.date-range-selector .date-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer}.period-selector{display:flex;align-items:center;gap:5px}.period-selector select{padding:4px;border:1px solid #ccc;border-radius:4px}.search-btn{padding:5px 15px;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle-filter-btn{padding:5px 10px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;font-size:.85em}.filter-selector{display:flex;flex-direction:column;gap:6px;border-radius:4px;flex:1;min-width:500px}.filter-selector .filter-main-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-selector .filter-controls-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex:1}.filter-selector .filter-actions-group{display:flex;align-items:center;gap:5px;margin-left:8px}.filter-selector .filter-status-row{display:flex;align-items:center;min-height:0;padding-left:0}.filter-selector .filter-status-row:empty{display:none}.filter-selector .filter-status-row:has(.filter-status.active){min-height:18px}.filter-label{font-weight:700;margin-right:4px;white-space:nowrap;font-size:.9em}.filter-separator{margin:0 2px;white-space:nowrap;font-size:.9em}#filter_value_input{padding:5px 6px;border:1px solid #ccc;border-radius:4px;width:316px;min-width:150px;font-size:.9em}#filter_target_select,#filter_match_type_select{padding:5px 6px;border:1px solid #ccc;border-radius:4px;min-width:100px;font-size:.9em}.topCont_date{display:flex;align-items:center}.preset-selector select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;background-color:#fff}.date-selector{display:flex;align-items:center}.filter-btn{padding:5px 10px;background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;margin-left:5px;transition:all .2s ease;white-space:nowrap}.filter-btn.apply{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.filter-btn.apply:hover{background-color:#3875d3}.filter-btn.clear{background-color:#f8f9fa;color:#6c757d;border-color:#ced4da}.filter-btn.clear:hover{background-color:#e9ecef;color:#5a6268;border-color:#adb5bd}.filter-status{font-size:12px;color:#6c757d;margin-left:0;font-style:italic;line-height:1.4}.filter-status.active{color:#4a90e2;font-weight:700;background-color:#4a90e21a;padding:3px 6px;border-radius:3px;border-left:2px solid #4a90e2}.content-toolbar{position:sticky;top:0;z-index:900;display:flex;justify-content:space-between;align-items:center;padding:4px 40px 0;background-color:#f5f5f5;border-radius:4px;box-shadow:0 2px 4px #0000000d}@media (max-width: 1200px){.date-and-filter-row{flex-direction:column;align-items:stretch;gap:10px}.date-range-selector{min-width:auto;width:100%;justify-content:flex-start}.filter-selector{min-width:auto;width:100%}.date-presets{justify-content:flex-start}}@media (max-width: 768px){.date-and-filter-row{flex-direction:column;align-items:stretch;gap:15px}.date-range-selector{flex-direction:column;align-items:flex-start;min-width:auto;width:100%}.date-range-selector input[type=date]{width:100%;max-width:200px}.date-presets-row{flex-direction:column;align-items:stretch}.date-presets{justify-content:center}.date-preset-btn{flex:1;text-align:center}.date-selector-row{flex-direction:column;align-items:stretch}.date-input-group{width:100%}.period-selector{margin-top:10px}.filter-selector{gap:10px;min-width:auto;width:100%}.filter-selector .filter-main-row{flex-direction:column;align-items:flex-start;gap:10px}.filter-selector .filter-controls-group{flex-direction:column;align-items:flex-start;gap:8px;width:100%}.filter-selector .filter-actions-group{margin-left:0;gap:8px}.filter-selector #filter_value_input{width:100%;max-width:350px}.filter-selector #filter_target_select,.filter-selector #filter_match_type_select{width:100%;max-width:200px}.filter-selector .filter-btn{margin-left:0}.filter-selector .filter-status-row{width:100%}}.filter-button-container{flex-shrink:0;display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0}.filter-button-container #open-filter-modal-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;font-size:.9em;cursor:pointer;transition:all .2s ease}.filter-button-container #open-filter-modal-btn:hover{background-color:#e9ecef;border-color:#adb5bd}.filter-button-container #open-filter-modal-btn.has-filter{background-color:#4a90e2;border-color:#007bff;color:#fff}.filter-button-container #open-filter-modal-btn.has-filter:hover{background-color:#3a80d2;border-color:#0056b3}.filter-button-container .active-filter-display{display:inline-flex;align-items:center;padding:5px 10px;background-color:#e7f3ff;border:1px solid #007bff;border-radius:4px;font-size:.85em;max-width:none;white-space:nowrap}.filter-button-container .active-filter-display .filter-status-text{color:#004085;margin-right:8px;white-space:nowrap;overflow:visible}.filter-button-container .active-filter-display .clear-filter-btn{background:none;border:none;color:#004085;cursor:pointer;padding:0 4px;font-size:.9em}.filter-button-container .active-filter-display .clear-filter-btn:hover{color:#dc3545}#filter-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#00000080;z-index:99999!important;display:none;align-items:center;justify-content:center}#filter-modal.show{display:flex}#filter-modal .modal-dialog{position:relative;width:90%;max-width:600px;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;display:flex;flex-direction:column;margin:0}#filter-modal .modal-content{display:flex;flex-direction:column;height:100%}#filter-modal .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}#filter-modal .modal-header h4{margin:0;font-size:1.25em;color:#333}#filter-modal .modal-header .cmn-modal_close{background:none;border:none;font-size:1.5em;color:#999;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}#filter-modal .modal-header .cmn-modal_close:hover{color:#333}#filter-modal .modal-body{padding:20px;overflow-y:auto;flex:1}#filter-modal .modal-body .filter-form .filter-item{border:1px solid #e0e0e0;border-radius:8px;padding:15px;margin-bottom:15px;background:#f8f9fa;transition:all .2s ease}#filter-modal .modal-body .filter-form .filter-item:hover{background:#fff;box-shadow:0 2px 8px #0000001a}#filter-modal .modal-body .filter-form .filter-item:last-of-type{margin-bottom:0}#filter-modal .modal-body .filter-form .filter-item .filter-item-header{margin-bottom:10px}#filter-modal .modal-body .filter-form .filter-item .filter-item-header .filter-label{font-weight:600;color:#333;margin:0;display:flex;align-items:center;gap:5px}#filter-modal .modal-body .filter-form .filter-item .filter-item-header .filter-label i{color:#6c757d}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group{display:flex;gap:10px;align-items:center}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-value-input{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9em;background-color:#fff}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-value-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-match-select{width:150px;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:.9em;background-color:#fff}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-match-select:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}#filter-modal .modal-body .filter-form .filter-note{margin-top:15px;padding:10px 15px;background:#f0f4f8;border-radius:4px;border-left:3px solid #6c757d}#filter-modal .modal-body .filter-form .filter-note small{display:flex;align-items:center;gap:5px;color:#6c757d}#filter-modal .modal-body .filter-form .filter-note small i{color:#6c757d}#filter-modal .modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;gap:10px}#filter-modal .modal-footer button{transition:all .2s ease}#filter-modal .modal-footer button#clear-all-filters-btn{background-color:#f8f9fa;border:1px solid #ced4da;color:#495057;width:30%}#filter-modal .modal-footer button#clear-all-filters-btn:hover{background-color:#e9ecef;border-color:#adb5bd}#filter-modal .modal-footer button#apply-filter-modal-btn{background-color:#007bff;border:1px solid #007bff;color:#fff;width:70%}#filter-modal .modal-footer button#apply-filter-modal-btn:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width: 768px){#filter-modal .modal-dialog{width:95%;margin:20px auto}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group{flex-direction:column;align-items:stretch}#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-value-input,#filter-modal .modal-body .filter-form .filter-item .filter-item-body .filter-input-group .filter-match-select{width:100%}}.timeline-table{width:100%;min-width:600px;border-collapse:collapse;font-size:13px;padding-top:12px}.timeline-table .date-column{position:sticky;left:0;background:#f8f9fa;border-right:2px solid #dee2e6;min-width:120px;z-index:10;font-weight:600;text-align:center}.timeline-table .data-column{min-width:120px;text-align:center;background:#f8f9fa;font-weight:600;border-bottom:2px solid #dee2e6;padding:8px 4px}.timeline-table .data-header{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px}.timeline-table .data-header i{font-size:14px}.timeline-table .data-header span{font-size:12px;white-space:nowrap}.timeline-table .date-cell{position:sticky;left:0;background:#fff;border-right:2px solid #dee2e6;border-bottom:1px solid #dee2e6;font-weight:500;padding:12px 8px;z-index:5;text-align:center}.timeline-table .data-cell{text-align:center;padding:8px 4px;border-bottom:1px solid #dee2e6;min-width:120px;vertical-align:middle}.timeline-table .data-content{display:flex;flex-direction:column;align-items:center;gap:2px}.timeline-table .current-value{font-weight:600;font-size:14px;color:#333}.timeline-table .current-value .unit{font-size:10px}.timeline-table .comparison-value{font-size:11px;color:#666}.timeline-table .comparison-value small{padding:1px 4px;border-radius:2px;background-color:#0000000d}.timeline-table .comparison-value small.positive{color:#1976d2;background-color:#1976d21a}.timeline-table .comparison-value small.negative{color:#d32f2f;background-color:#d32f2f1a}.timeline-table .comparison-value small.neutral{color:#666;background-color:#0000000d}.timeline-table .timeline-row:hover,.timeline-table .timeline-row:hover .date-cell{background-color:#00000005}.timeline-table .timeline-row:nth-child(2n){background-color:#00000003}.timeline-table .timeline-row:nth-child(2n):hover{background-color:#00000008}.timeline-table .timeline-row:nth-child(2n):hover .date-cell{background-color:#00000008}.timeline-table .no-data-cell,.no-data-message{text-align:center;color:#999;font-style:italic;padding:20px}.summary-table,.visitor-summary-table,.gender-summary-table,.device-summary-table{width:100%;border-collapse:collapse;padding-top:12px}.summary-table th,.visitor-summary-table th,.gender-summary-table th,.device-summary-table th{background:#f8f9fa;font-weight:600;padding:12px 8px;border-bottom:2px solid #dee2e6;text-align:center}.summary-table td,.visitor-summary-table td,.gender-summary-table td,.device-summary-table td{padding:12px 8px;border-bottom:1px solid #dee2e6;vertical-align:middle}.summary-table .data-header,.visitor-summary-table .data-header,.gender-summary-table .data-header,.device-summary-table .data-header{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px}.summary-table .data-header i,.visitor-summary-table .data-header i,.gender-summary-table .data-header i,.device-summary-table .data-header i{font-size:14px}.summary-table .data-header span,.visitor-summary-table .data-header span,.gender-summary-table .data-header span,.device-summary-table .data-header span{font-size:12px;white-space:nowrap}.summary-table .data-info,.visitor-summary-table .data-info,.visitor-summary-table .visitor-info,.gender-summary-table .data-info,.gender-summary-table .gender-info,.device-summary-table .data-info,.device-summary-table .device-info{display:flex;align-items:center;gap:8px}.summary-table .data-info i,.visitor-summary-table .data-info i,.visitor-summary-table .visitor-info i,.gender-summary-table .data-info i,.gender-summary-table .gender-info i,.device-summary-table .data-info i,.device-summary-table .device-info i{font-size:16px;width:20px;text-align:center}.summary-table .data-name,.visitor-summary-table .data-name,.visitor-summary-table .visitor-name,.gender-summary-table .data-name,.gender-summary-table .gender-name,.device-summary-table .data-name,.device-summary-table .device-name{font-weight:500;color:#333}.summary-table .data-name .medium-label,.visitor-summary-table .data-name .medium-label,.visitor-summary-table .visitor-name .medium-label,.gender-summary-table .data-name .medium-label,.gender-summary-table .gender-name .medium-label,.device-summary-table .data-name .medium-label,.device-summary-table .device-name .medium-label{display:block;color:#6c757d;text-transform:uppercase;font-size:.8em;font-weight:400;margin-top:2px}.summary-table .data-name .data-url,.visitor-summary-table .data-name .data-url,.visitor-summary-table .visitor-name .data-url,.gender-summary-table .data-name .data-url,.gender-summary-table .gender-name .data-url,.device-summary-table .data-name .data-url,.device-summary-table .device-name .data-url{display:block;color:#6c757d;font-size:.8em;font-weight:400;margin-top:2px;word-break:break-all}.summary-table .data-value-cell,.visitor-summary-table .data-value-cell,.visitor-summary-table .visitor-value-cell,.visitor-summary-table .visitor-percentage-cell,.gender-summary-table .data-value-cell,.gender-summary-table .gender-value-cell,.gender-summary-table .gender-percentage-cell,.device-summary-table .data-value-cell,.device-summary-table .device-value-cell,.device-summary-table .device-percentage-cell,.summary-table .data-percentage-cell,.visitor-summary-table .data-percentage-cell,.gender-summary-table .data-percentage-cell,.device-summary-table .data-percentage-cell{text-align:center;font-weight:600;color:#333}.summary-table .data-value-cell .unit,.visitor-summary-table .data-value-cell .unit,.visitor-summary-table .visitor-value-cell .unit,.visitor-summary-table .visitor-percentage-cell .unit,.gender-summary-table .data-value-cell .unit,.gender-summary-table .gender-value-cell .unit,.gender-summary-table .gender-percentage-cell .unit,.device-summary-table .data-value-cell .unit,.device-summary-table .device-value-cell .unit,.device-summary-table .device-percentage-cell .unit,.summary-table .data-percentage-cell .unit,.visitor-summary-table .data-percentage-cell .unit,.gender-summary-table .data-percentage-cell .unit,.device-summary-table .data-percentage-cell .unit{color:#6c757d;font-size:.9em;margin-left:2px}.summary-table .data-comparison-cell,.visitor-summary-table .data-comparison-cell,.visitor-summary-table .visitor-comparison-cell,.gender-summary-table .data-comparison-cell,.gender-summary-table .gender-comparison-cell,.device-summary-table .data-comparison-cell,.device-summary-table .device-comparison-cell{text-align:left}.summary-table .comparison-text,.visitor-summary-table .comparison-text,.gender-summary-table .comparison-text,.device-summary-table .comparison-text{font-weight:700;padding:4px 8px;border-radius:4px;display:inline-block;font-size:13px;width:100%;text-align:center}.summary-table .comparison-text.positive,.visitor-summary-table .comparison-text.positive,.gender-summary-table .comparison-text.positive,.device-summary-table .comparison-text.positive{color:#1976d2;background-color:#1976d21a}.summary-table .comparison-text.negative,.visitor-summary-table .comparison-text.negative,.gender-summary-table .comparison-text.negative,.device-summary-table .comparison-text.negative{color:#d32f2f;background-color:#d32f2f1a}.summary-table .comparison-text.neutral,.visitor-summary-table .comparison-text.neutral,.gender-summary-table .comparison-text.neutral,.device-summary-table .comparison-text.neutral{color:#666;background-color:#0000000d}.summary-table .data-rank-cell,.visitor-summary-table .data-rank-cell,.gender-summary-table .data-rank-cell,.device-summary-table .data-rank-cell{text-align:center;font-weight:600;color:#333}.summary-table .page-rank,.visitor-summary-table .page-rank,.gender-summary-table .page-rank,.device-summary-table .page-rank{background-color:#4e988f;color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:14px;font-weight:700}.summary-table .page-rank.rank-1,.visitor-summary-table .page-rank.rank-1,.gender-summary-table .page-rank.rank-1,.device-summary-table .page-rank.rank-1{background-color:#f0cd70;color:#8a6d3b}.summary-table .page-rank.rank-2,.visitor-summary-table .page-rank.rank-2,.gender-summary-table .page-rank.rank-2,.device-summary-table .page-rank.rank-2{background-color:#d9d9d9;color:#666}.summary-table .page-rank.rank-3,.visitor-summary-table .page-rank.rank-3,.gender-summary-table .page-rank.rank-3,.device-summary-table .page-rank.rank-3{background-color:#c19a78;color:#8c6e56}.summary-table .data-row:hover,.visitor-summary-table .data-row:hover,.visitor-summary-table .visitor-row:hover,.gender-summary-table .data-row:hover,.gender-summary-table .gender-row:hover,.device-summary-table .data-row:hover,.device-summary-table .device-row:hover{background-color:#00000005}.summary-table .data-row:nth-child(2n),.visitor-summary-table .data-row:nth-child(2n),.visitor-summary-table .visitor-row:nth-child(2n),.gender-summary-table .data-row:nth-child(2n),.gender-summary-table .gender-row:nth-child(2n),.device-summary-table .data-row:nth-child(2n),.device-summary-table .device-row:nth-child(2n){background-color:#00000003}.summary-table .data-row:nth-child(2n):hover,.visitor-summary-table .data-row:nth-child(2n):hover,.visitor-summary-table .visitor-row:nth-child(2n):hover,.gender-summary-table .data-row:nth-child(2n):hover,.gender-summary-table .gender-row:nth-child(2n):hover,.device-summary-table .data-row:nth-child(2n):hover,.device-summary-table .device-row:nth-child(2n):hover{background-color:#00000008}.summary-table .no-data-cell,.visitor-summary-table .no-data-cell,.gender-summary-table .no-data-cell,.device-summary-table .no-data-cell{text-align:center;color:#999;font-style:italic;padding:20px}.summary-table .page-title-container,.visitor-summary-table .page-title-container,.gender-summary-table .page-title-container,.device-summary-table .page-title-container{width:100%;overflow:hidden}.summary-table .page-title,.visitor-summary-table .page-title,.gender-summary-table .page-title,.device-summary-table .page-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;font-weight:700;margin-bottom:5px}.summary-table .page-url,.visitor-summary-table .page-url,.gender-summary-table .page-url,.device-summary-table .page-url,.summary-table .page-small-url,.visitor-summary-table .page-small-url,.gender-summary-table .page-small-url,.device-summary-table .page-small-url{font-size:11px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.summary-table .page-url a,.visitor-summary-table .page-url a,.gender-summary-table .page-url a,.device-summary-table .page-url a,.summary-table .page-small-url a,.visitor-summary-table .page-small-url a,.gender-summary-table .page-small-url a,.device-summary-table .page-small-url a{color:#1e88e5;text-decoration:none}.summary-table .page-url a:hover,.visitor-summary-table .page-url a:hover,.gender-summary-table .page-url a:hover,.device-summary-table .page-url a:hover,.summary-table .page-small-url a:hover,.visitor-summary-table .page-small-url a:hover,.gender-summary-table .page-small-url a:hover,.device-summary-table .page-small-url a:hover{text-decoration:underline}.summary-table .page-title-container,.visitor-summary-table .page-title-container,.gender-summary-table .page-title-container,.device-summary-table .page-title-container{max-width:500px;overflow:hidden}@media (max-width: 768px){.dataTable{font-size:12px}.dataTable .data-column,.dataTable .data-cell{min-width:100px}.dataTable .data-header span{font-size:11px}.dataTable .data-header i{font-size:12px}.dataTable .current-value{font-size:13px}.dataTable .comparison-value{font-size:10px}.summary-table,.visitor-summary-table,.gender-summary-table,.device-summary-table{font-size:13px}.summary-table th,.visitor-summary-table th,.gender-summary-table th,.device-summary-table th,.summary-table td,.visitor-summary-table td,.gender-summary-table td,.device-summary-table td{padding:8px 6px}.summary-table .data-info,.visitor-summary-table .data-info,.visitor-summary-table .visitor-info,.gender-summary-table .data-info,.gender-summary-table .gender-info,.device-summary-table .data-info,.device-summary-table .device-info{gap:6px}.summary-table .data-info i,.visitor-summary-table .data-info i,.visitor-summary-table .visitor-info i,.gender-summary-table .data-info i,.gender-summary-table .gender-info i,.device-summary-table .data-info i,.device-summary-table .device-info i{font-size:14px;width:16px}.summary-table .comparison-text,.visitor-summary-table .comparison-text,.gender-summary-table .comparison-text,.device-summary-table .comparison-text{padding:3px 6px;font-size:12px}}@media (max-width: 480px){.timeline-table-container{border-radius:4px}.dataTable{font-size:11px}.dataTable .date-column,.dataTable .date-cell{min-width:100px}.dataTable .data-column,.dataTable .data-cell{min-width:80px}.dataTable .data-header{flex-direction:column;gap:2px}.dataTable .data-header span{font-size:10px}.dataTable .data-header i{font-size:11px}.summary-table,.visitor-summary-table,.gender-summary-table,.device-summary-table{font-size:12px}.summary-table .data-info,.visitor-summary-table .data-info,.visitor-summary-table .visitor-info,.gender-summary-table .data-info,.gender-summary-table .gender-info,.device-summary-table .data-info,.device-summary-table .device-info{flex-direction:column;align-items:flex-start;gap:4px}.summary-table .data-info i,.visitor-summary-table .data-info i,.visitor-summary-table .visitor-info i,.gender-summary-table .data-info i,.gender-summary-table .gender-info i,.device-summary-table .data-info i,.device-summary-table .device-info i{font-size:12px}}.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{margin-top:10px;font-size:13px}.dataTables_wrapper .dataTables_paginate .paginate_button{padding:.3em .8em;border-radius:4px;border:1px solid #ddd;background:#f8f8f8;cursor:pointer;margin:0 2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:#1e88e5;color:#fff!important;border-color:#1e88e5}.dataTables_wrapper .dataTables_filter input[type=search]{border:1px solid #ddd;border-radius:4px;padding:5px 10px;margin-left:5px}.summary-cards-container,.device-cards-container,.traffic-cards-container,.age-cards-container,.gender-cards-container,.visitor-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}@media (max-width: 1024px){.summary-cards-container,.device-cards-container,.traffic-cards-container,.age-cards-container,.gender-cards-container,.visitor-cards-container{grid-template-columns:1fr;gap:12px}}@media screen and (max-width: 768px){.summary-cards-container,.device-cards-container,.traffic-cards-container,.age-cards-container,.gender-cards-container,.visitor-cards-container{gap:8px}}@media screen and (max-width: 480px){.summary-cards-container,.device-cards-container,.traffic-cards-container,.age-cards-container,.gender-cards-container,.visitor-cards-container{gap:6px}}.summary-cards-container.two-columns,.two-columns.device-cards-container,.two-columns.traffic-cards-container,.two-columns.age-cards-container,.two-columns.gender-cards-container,.two-columns.visitor-cards-container{grid-template-columns:repeat(2,1fr);max-width:800px;margin:0 auto}@media (max-width: 768px){.summary-cards-container.two-columns,.two-columns.device-cards-container,.two-columns.traffic-cards-container,.two-columns.age-cards-container,.two-columns.gender-cards-container,.two-columns.visitor-cards-container{grid-template-columns:1fr;max-width:none}}.summary-cards-container.three-columns,.three-columns.device-cards-container,.three-columns.traffic-cards-container,.three-columns.age-cards-container,.three-columns.gender-cards-container,.three-columns.visitor-cards-container{grid-template-columns:repeat(3,1fr);max-width:1200px;margin:0 auto}.summary-cards-container.four-columns,.four-columns.device-cards-container,.four-columns.traffic-cards-container,.four-columns.age-cards-container,.four-columns.gender-cards-container,.four-columns.visitor-cards-container{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.summary-cards-container.four-columns,.four-columns.device-cards-container,.four-columns.traffic-cards-container,.four-columns.age-cards-container,.four-columns.gender-cards-container,.four-columns.visitor-cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.summary-cards-container.four-columns,.four-columns.device-cards-container,.four-columns.traffic-cards-container,.four-columns.age-cards-container,.four-columns.gender-cards-container,.four-columns.visitor-cards-container{grid-template-columns:1fr}}.summary-cards-container.one-column,.one-column.device-cards-container,.one-column.traffic-cards-container,.one-column.age-cards-container,.one-column.gender-cards-container,.one-column.visitor-cards-container{grid-template-columns:1fr}.summary-card,.device-card,.traffic-card,.age-card,.gender-card,.visitor-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease;min-height:90px}.summary-card:hover,.device-card:hover,.traffic-card:hover,.age-card:hover,.gender-card:hover,.visitor-card:hover{box-shadow:0 2px 8px #0000001a}.summary-card .card-header,.device-card .card-header,.traffic-card .card-header,.age-card .card-header,.gender-card .card-header,.visitor-card .card-header{display:flex;align-items:center;gap:12px}.summary-card .card-header .card-accent,.device-card .card-header .card-accent,.traffic-card .card-header .card-accent,.age-card .card-header .card-accent,.gender-card .card-header .card-accent,.visitor-card .card-header .card-accent{width:4px;height:32px;border-radius:2px;flex-shrink:0}.summary-card .card-header .card-title,.device-card .card-header .card-title,.traffic-card .card-header .card-title,.age-card .card-header .card-title,.gender-card .card-header .card-title,.visitor-card .card-header .card-title{font-size:13px;font-weight:600;color:#333;line-height:1.3;display:flex;align-items:center;gap:6px;flex:1}.summary-card .card-metrics,.device-card .card-metrics,.traffic-card .card-metrics,.age-card .card-metrics,.gender-card .card-metrics,.visitor-card .card-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-left:16px;margin-bottom:6px}.summary-card .card-metrics .primary-metric,.device-card .card-metrics .primary-metric,.traffic-card .card-metrics .primary-metric,.age-card .card-metrics .primary-metric,.gender-card .card-metrics .primary-metric,.visitor-card .card-metrics .primary-metric{display:flex;align-items:baseline;gap:4px}.summary-card .card-metrics .primary-metric .metric-value,.device-card .card-metrics .primary-metric .metric-value,.traffic-card .card-metrics .primary-metric .metric-value,.age-card .card-metrics .primary-metric .metric-value,.gender-card .card-metrics .primary-metric .metric-value,.visitor-card .card-metrics .primary-metric .metric-value{font-size:18px;font-weight:700;color:#333;line-height:1}.summary-card .card-metrics .primary-metric .metric-unit,.device-card .card-metrics .primary-metric .metric-unit,.traffic-card .card-metrics .primary-metric .metric-unit,.age-card .card-metrics .primary-metric .metric-unit,.gender-card .card-metrics .primary-metric .metric-unit,.visitor-card .card-metrics .primary-metric .metric-unit{font-size:13px;color:#666;font-weight:500}.summary-card .card-metrics .primary-metric .metric-label,.device-card .card-metrics .primary-metric .metric-label,.traffic-card .card-metrics .primary-metric .metric-label,.age-card .card-metrics .primary-metric .metric-label,.gender-card .card-metrics .primary-metric .metric-label,.visitor-card .card-metrics .primary-metric .metric-label{display:block;font-size:11px;color:#999;font-weight:400;line-height:1.2;margin-top:2px}.summary-card .card-metrics .secondary-metric .percentage-value,.device-card .card-metrics .secondary-metric .percentage-value,.traffic-card .card-metrics .secondary-metric .percentage-value,.age-card .card-metrics .secondary-metric .percentage-value,.gender-card .card-metrics .secondary-metric .percentage-value,.visitor-card .card-metrics .secondary-metric .percentage-value{font-size:12px;color:#666;font-weight:500}.summary-card.source-card,.source-card.device-card,.source-card.traffic-card,.source-card.age-card,.source-card.gender-card,.source-card.visitor-card{min-height:110px}.summary-card.source-card .card-header .card-title,.source-card.device-card .card-header .card-title,.source-card.traffic-card .card-header .card-title,.source-card.age-card .card-header .card-title,.source-card.gender-card .card-header .card-title,.source-card.visitor-card .card-header .card-title{word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-height:2.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.summary-card.source-card .card-metrics,.source-card.device-card .card-metrics,.source-card.traffic-card .card-metrics,.source-card.age-card .card-metrics,.source-card.gender-card .card-metrics,.source-card.visitor-card .card-metrics{margin-top:auto}.summary-card.source-card-long-name .card-title,.source-card-long-name.device-card .card-title,.source-card-long-name.traffic-card .card-title,.source-card-long-name.age-card .card-title,.source-card-long-name.gender-card .card-title,.source-card-long-name.visitor-card .card-title{font-size:12px!important}@media screen and (max-width: 768px){.summary-card .card-header,.device-card .card-header,.traffic-card .card-header,.age-card .card-header,.gender-card .card-header,.visitor-card .card-header{padding:10px 12px}.summary-card .card-header .card-title,.device-card .card-header .card-title,.traffic-card .card-header .card-title,.age-card .card-header .card-title,.gender-card .card-header .card-title,.visitor-card .card-header .card-title{font-size:13px}.summary-card .card-metrics,.device-card .card-metrics,.traffic-card .card-metrics,.age-card .card-metrics,.gender-card .card-metrics,.visitor-card .card-metrics{padding:12px}.summary-card .card-metrics .primary-metric .metric-value,.device-card .card-metrics .primary-metric .metric-value,.traffic-card .card-metrics .primary-metric .metric-value,.age-card .card-metrics .primary-metric .metric-value,.gender-card .card-metrics .primary-metric .metric-value,.visitor-card .card-metrics .primary-metric .metric-value{font-size:16px}.summary-card .card-metrics .primary-metric .metric-unit,.device-card .card-metrics .primary-metric .metric-unit,.traffic-card .card-metrics .primary-metric .metric-unit,.age-card .card-metrics .primary-metric .metric-unit,.gender-card .card-metrics .primary-metric .metric-unit,.visitor-card .card-metrics .primary-metric .metric-unit{font-size:12px}}@media screen and (max-width: 480px){.summary-card .card-header .card-accent,.device-card .card-header .card-accent,.traffic-card .card-header .card-accent,.age-card .card-header .card-accent,.gender-card .card-header .card-accent,.visitor-card .card-header .card-accent{width:3px;height:24px}.summary-card .card-metrics .primary-metric .metric-value,.device-card .card-metrics .primary-metric .metric-value,.traffic-card .card-metrics .primary-metric .metric-value,.age-card .card-metrics .primary-metric .metric-value,.gender-card .card-metrics .primary-metric .metric-value,.visitor-card .card-metrics .primary-metric .metric-value{font-size:14px}}.summary-card.compact,.compact.device-card,.compact.visitor-card,.compact.gender-card,.compact.age-card,.compact.traffic-card{padding:8px 10px;margin-bottom:8px;min-height:70px}.summary-card.compact .card-title,.compact.device-card .card-title,.compact.visitor-card .card-title,.compact.gender-card .card-title,.compact.age-card .card-title,.compact.traffic-card .card-title{font-size:11px;margin-bottom:3px}.summary-card.compact .metric-value,.compact.device-card .metric-value,.compact.visitor-card .metric-value,.compact.gender-card .metric-value,.compact.age-card .metric-value,.compact.traffic-card .metric-value{font-size:16px}.summary-card.compact .metric-comparison,.compact.device-card .metric-comparison,.compact.visitor-card .metric-comparison,.compact.gender-card .metric-comparison,.compact.age-card .metric-comparison,.compact.traffic-card .metric-comparison{font-size:10px;margin-top:3px}.summary-card.mini,.mini.device-card,.mini.visitor-card,.mini.gender-card,.mini.age-card,.mini.traffic-card{padding:6px 8px;min-height:60px}.summary-card.mini .card-title,.mini.device-card .card-title,.mini.visitor-card .card-title,.mini.gender-card .card-title,.mini.age-card .card-title,.mini.traffic-card .card-title{font-size:10px;margin-bottom:2px}.summary-card.mini .metric-value,.mini.device-card .metric-value,.mini.visitor-card .metric-value,.mini.gender-card .metric-value,.mini.age-card .metric-value,.mini.traffic-card .metric-value{font-size:14px}.keyevent-card{background-color:#fff;border-radius:10px;padding:10px;box-shadow:0 3px 8px #00000014;position:relative;border-left:5px solid #1a73e8;transition:transform .2s,box-shadow .2s;overflow:hidden}.keyevent-card .keyevent-card-decoration{position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,rgba(0,0,0,.01) 0%,rgba(0,0,0,.05) 100%);border-radius:0 0 0 100px;z-index:1}.keyevent-card .keyevent-card-content{display:flex;align-items:flex-start;flex-direction:column;position:relative;z-index:2}.keyevent-card .keyevent-card-content .keyevent-header{flex:1;display:flex;align-items:center;width:100%;margin-bottom:10px}.keyevent-card .keyevent-card-content .keyevent-header .event-icon-large{color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:0 2px 4px #0003}.keyevent-card .keyevent-card-content .keyevent-header .event-name{font-size:15px;font-weight:700;margin-left:10px;line-height:1.3;max-width:calc(100% - 46px);overflow:hidden;text-overflow:ellipsis}.keyevent-card .keyevent-card-content .keyevent-metrics{flex:1;text-align:center;width:100%}.keyevent-card .keyevent-card-content .keyevent-metrics .big-metrics{display:flex;justify-content:center;align-items:baseline}.ai-comment-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:20px;margin:20px 0;position:relative;min-height:120px}.ai-comment-card .ai-comment-header{display:flex;align-items:center;margin-bottom:15px;font-size:1.8rem;font-weight:600;color:#333}.ai-comment-card .ai-comment-header i{color:#3d64cb;margin-right:8px}.ai-comment-card .ai-comment-body{font-size:1.4rem;line-height:1.6;color:#333;min-height:60px;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;max-width:100%;overflow:hidden}.ai-comment-card .ai-comment-body.streaming:after{content:"|";animation:blink 1s infinite}.ai-comment-card .ai-comment-body h2{font-size:1.6rem;font-weight:600;margin:15px 0 10px;color:#333}.ai-comment-card .ai-comment-body ul,.ai-comment-card .ai-comment-body ol{margin:10px 0;padding-left:20px}.ai-comment-card .ai-comment-body ul li,.ai-comment-card .ai-comment-body ol li{margin:5px 0}.ai-comment-card .ai-comment-body p{margin:10px 0}.ai-comment-card .ai-comment-body p:first-child{margin-top:0}.ai-comment-card .ai-comment-body p:last-child{margin-bottom:0}.ai-comment-card .ai-comment-body strong{font-weight:600;color:#3d64cb}.ai-comment-card .ai-comment-body code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:monospace;font-size:.9em}.ai-comment-card .ai-comment-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6c757d}.ai-comment-card .ai-comment-loading .loading-text{font-size:1.6rem;font-weight:100}.ai-comment-card .ai-comment-loading .spinner-border{margin-right:8px}.ai-comment-card .ai-comment-error{display:flex;align-items:center;justify-content:center;padding:20px;color:#dc3545}.ai-comment-card .ai-comment-error i{margin-right:8px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width: 768px){.ai-comment-card{margin:15px 0;padding:15px}.ai-comment-card .ai-comment-header{font-size:1.6rem}.ai-comment-card .ai-comment-body{font-size:1.3rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes characterBounce{0%{transform:scale(.8) translateY(10px);opacity:0}60%{transform:scale(1.1) translateY(-5px)}to{transform:scale(1) translateY(0);opacity:1}}@keyframes progressDots{0%,20%{opacity:.3}40%{opacity:1}to{opacity:.3}}@keyframes typingCursor{0%,50%{border-color:#0000}51%,to{border-color:#333}}@keyframes thinkingAnimation{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.02)}}@keyframes highlightComplete{0%{box-shadow:0 0 #4caf5000}50%{box-shadow:0 0 20px #4caf504d}to{box-shadow:0 0 #4caf5000}}@keyframes celebrateComplete{0%{transform:scale(1) translateY(0)}40%{transform:scale(1.05) translateY(-8px)}60%{transform:scale(1.02) translateY(-2px)}to{transform:scale(1) translateY(0)}}.ai-comment-container{opacity:0;transition:opacity .3s ease}.ai-comment-container.phase-initial{opacity:1}.ai-comment-container.phase-initial .ai-character-img{animation:characterBounce .6s ease-out .2s forwards;opacity:0}.ai-comment-container.phase-fetching{opacity:1}.ai-comment-container.phase-fetching .progress-dots .dot{width:8px;height:8px;background-color:#6c757d;border-radius:50%;display:inline-block;margin:0 3px;animation:progressDots 1.4s infinite}.ai-comment-container.phase-fetching .progress-dots .dot:nth-child(1){animation-delay:0s}.ai-comment-container.phase-fetching .progress-dots .dot:nth-child(2){animation-delay:.2s}.ai-comment-container.phase-fetching .progress-dots .dot:nth-child(3){animation-delay:.4s}.ai-comment-container.phase-generating{opacity:1}.ai-comment-container.phase-generating .ai-comment-text{border-right:2px solid rgba(0,0,0,0);animation:typingCursor 1s infinite}.ai-comment-container.phase-generating .ai-comment-text:after{content:"";border-right:2px solid #333;animation:blink 1s infinite}.ai-comment-container.phase-generating .ai-character-img{animation:thinkingAnimation 2s infinite}.ai-comment-container.phase-complete{opacity:1}.ai-comment-container.phase-complete .ai-comment-content{animation:highlightComplete .5s ease-out}.ai-comment-container.phase-complete .ai-character-img{animation:celebrateComplete .8s ease-out}.data-fetching-indicator{text-align:center;padding:20px 0}.data-fetching-indicator .progress-dots{margin-bottom:10px}.data-fetching-indicator p{color:#6c757d;font-size:14px;margin:0}.dashboard_comment{opacity:0;transition:opacity .3s ease}.dashboard_comment .ai-character-img{position:absolute;right:10px;bottom:0;width:150px;height:auto;z-index:1;opacity:.95}.dashboard_comment .ai-comment-wrapper{position:relative;z-index:2;min-height:180px;padding-right:20px}.dashboard_comment .ai-comment-loading{color:#fff}.dashboard_comment .ai-comment-loading .loading-content{display:flex;align-items:center;padding:20px 0}.dashboard_comment .ai-comment-loading .loading-text{color:#fff;font-size:1.6rem;font-weight:100}.dashboard_comment .ai-comment-loading .loading-phase p,.dashboard_comment .ai-comment-loading .fetching-message,.dashboard_comment .ai-comment-loading .data-fetching-indicator p{color:#fff!important}.dashboard_comment .ai-comment-loading .spinner-border{border-color:#ffffff4d;border-right-color:#fff}.dashboard_comment .ai-comment-error{color:#fff}.dashboard_comment .ai-comment-error .error-content{display:flex;align-items:center;padding:20px 0}.dashboard_comment .cmn-title{color:#fff;border-bottom:none;margin-bottom:15px}.dashboard_comment.phase-initial{opacity:1}.dashboard_comment.phase-initial .ai-character-img{animation:characterBounce .6s ease-out .2s forwards;opacity:0}.dashboard_comment.phase-fetching{opacity:1}.dashboard_comment.phase-fetching .progress-dots .dot{background-color:#fffc}.dashboard_comment.phase-generating{opacity:1}.dashboard_comment.phase-generating .ai-comment-text{border-right-color:#fff}.dashboard_comment.phase-complete{opacity:1}.d-none{display:none!important}.ms-2{margin-left:.5rem!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:#0000;border-radius:50%;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@keyframes spinner-border{to{transform:rotate(360deg)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:rgba(0,0,0,0)}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0)}.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid rgba(0,0,0,0)}.slick-arrow.slick-hidden{display:none}.slick-loading .slick-list{background:#fff url(/common/images/slick/ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;src:url(/common/fonts/slick/slick.eot);src:url(/common/fonts/slick/slick.eot?#iefix) format("embedded-opentype"),url(/common/fonts/slick/slick.woff) format("woff"),url(/common/fonts/slick/slick.ttf) format("truetype"),url(/common/fonts/slick/slick.svg#slick) format("svg");font-weight:400;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:30px;width:30px;line-height:0;font-size:0;cursor:pointer;background:rgba(0,0,0,0);color:#0000;top:50%;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translateY(-50%);padding:0;border:none;outline:none;z-index:1}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:rgba(0,0,0,0);color:#0000}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.8}.slick-prev:before,.slick-next:before{font-family:slick;font-size:30px;line-height:1;color:#fcc947;opacity:.9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:30px}[dir=rtl] .slick-prev{left:auto;right:30px}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:30px}[dir=rtl] .slick-next{left:30px;right:auto}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:20px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;padding:0;cursor:pointer}.slick-dots li button{border:0;background:rgba(0,0,0,0);display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:#0000;padding:5px;cursor:pointer}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{position:absolute;top:0;left:0;content:"•";width:20px;height:20px;font-family:slick;font-size:12px;line-height:20px;text-align:center;color:#fff;opacity:.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#fcc947;opacity:.9}.clickable-card{cursor:pointer;transition:box-shadow .3s,transform .3s}.clickable-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.clickable-card.active{border:2px solid #4a90e2;background-color:#4a90e20d}.guide-btn{display:inline-flex;align-items:center;gap:8px;background-color:#4a90e2;color:#fff;border:none;border-radius:30px;padding:8px 16px;font-size:1.4rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.guide-btn:hover{background-color:#2275d7;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.guide-btn i{font-size:1.6rem}.kpi-card{background-color:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 16px #00000014;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.kpi-card:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0000001f}.kpi-card .kpi-header{display:flex;align-items:center;margin-bottom:15px;justify-content:center}.kpi-card .kpi-header h3{font-size:1.6rem;margin:0;display:flex;align-items:center}.kpi-card .kpi-value{font-size:2.8rem;font-weight:600;color:#333;margin-bottom:10px}.kpi-card .kpi-change{display:inline-flex;align-items:center;font-size:1.4rem;font-weight:500;padding:4px 8px;border-radius:4px;margin-bottom:15px}.kpi-card .kpi-change.positive{color:#2ecc71;background-color:#2ecc711a}.kpi-card .kpi-change.negative{color:#e74c3c;background-color:#e74c3c1a}.kpi-card .kpi-change i{margin-left:5px}.kpi-card .kpi-description{font-size:1.3rem;color:#7a8c9e;line-height:1.5;margin-top:auto}.kpi-card .kpi-description strong{color:#333}.kpi-card .tooltip-hint{padding-top:10px;margin-top:10px;border-top:1px dashed #e0e6ed;font-size:1.2rem;color:#7a8c9e;text-align:center}.kpi-card .tooltip-hint i{color:#f39c12;margin-right:5px}.kpi-card .kpi-footer{margin-top:auto;padding-top:15px;text-align:center}.kpi-card .kpi-link-btn{display:inline-flex;align-items:center;gap:6px;background-color:#4a90e2;color:#fff;text-decoration:none;border-radius:20px;padding:8px 16px;font-size:1.3rem;font-weight:500;transition:all .3s ease;border:1px solid #4a90e2}.kpi-card .kpi-link-btn:hover{background-color:#2275d7;border-color:#2275d7;transform:translateY(-1px);box-shadow:0 3px 8px #4a90e24d;color:#fff;text-decoration:none}.kpi-card .kpi-link-btn i{font-size:1.2rem;transition:transform .2s ease}.kpi-card .kpi-link-btn:hover i{transform:translate(2px)}.glossary-section{margin-top:40px;margin-bottom:20px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.glossary-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background-color:#4a90e2;color:#fff;border:none;font-size:1.6rem;font-weight:600;cursor:pointer;transition:background-color .3s}.glossary-toggle:hover{background-color:#2275d7}.glossary-toggle i:last-child{transition:transform .3s}.glossary-toggle.active i:last-child{transform:rotate(180deg)}.glossary-content{background-color:#fff;padding:0;max-height:0;overflow:hidden;transition:all .3s ease}.glossary-content.open{padding:20px;max-height:800px}.glossary-content .terms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.glossary-content .term-item{border:1px solid #e0e6ed;border-radius:8px;padding:15px}.glossary-content .term-item h4{font-size:1.5rem;margin-top:0;margin-bottom:10px;color:#4a90e2}.glossary-content .term-item p{font-size:1.3rem;margin:0;color:#666}.period-selector{display:flex;gap:10px}.period-btn{padding:5px 15px;border:1px solid #ccc;background-color:#f5f5f5;border-radius:4px;cursor:pointer;transition:all .2s}.period-btn:hover{background-color:#e9e9e9}.period-btn.active{background-color:#4a90e2;color:#fff;border-color:#3a80d2}.guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.guide-modal{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;width:90%;max-width:600px;padding:30px;position:relative}.guide-modal .guide-close{position:absolute;right:15px;top:15px;font-size:2rem;color:#999;cursor:pointer}.guide-modal .guide-close:hover{color:#333}.guide-modal .guide-content{margin-bottom:20px}.guide-modal .guide-content h3{margin-top:0;font-size:2rem;color:#4a90e2}.guide-modal .guide-content p{font-size:1.5rem;line-height:1.6}.guide-modal .guide-controls{display:flex;justify-content:space-between}.guide-modal .guide-controls button{padding:10px 20px;border-radius:6px;border:none;font-size:1.4rem;cursor:pointer;transition:all .2s}.guide-modal .guide-controls button.prev-btn{background-color:#e0e6ed;color:#666}.guide-modal .guide-controls button.prev-btn:hover{background-color:#d0d9e4}.guide-modal .guide-controls button.next-btn,.guide-modal .guide-controls button.finish-btn{background-color:#4a90e2;color:#fff}.guide-modal .guide-controls button.next-btn:hover,.guide-modal .guide-controls button.finish-btn:hover{background-color:#2275d7}.form-group{font-size:1.6rem;margin-bottom:20px}.form-group input::placeholder,.form-group textarea::placeholder,.form-group select::placeholder{color:#888}.form-group>label{width:100%;padding:20px;background-color:#f7f7f7;display:block;font-weight:700;margin-bottom:10px}.form-group>label .label-danger{display:inline-block;margin-left:10px;color:#fff;background-color:#f3835f;padding:0 10px}.form-group input{background-color:#fff}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group textarea{padding:10px 20px;background-color:#fff;border:1px solid #ccc;width:100%;margin-bottom:10px;display:block;border-radius:4px}.form-group input[type=tel],.form-group select{padding:10px 20px;background-color:#fff;border:1px solid #ccc;width:50%;margin-bottom:10px;display:block;border-radius:4px}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#f3845f;background-color:#fff1f1}.form-group .alert-danger{color:#f3835f;margin-bottom:10px}.form-group .form-radio-label{cursor:pointer;position:relative;margin-right:20px;overflow:hidden;padding-left:20px;display:inline-block}.form-group .form-radio-label:before{position:absolute;width:15px;height:15px;border:1px solid #666;border-radius:50%;left:0;top:4px;content:"";z-index:3}.form-group .form-radio-label:after{content:"";position:absolute;width:11px;height:11px;border-radius:100%;left:2px;top:6px;background-color:#3d64cb;z-index:1;opacity:0;transition:opacity .2s ease}.form-group .form-radio-label input[type=radio]{-moz-appearance:none;-webkit-appearance:none;position:absolute;z-index:2;box-shadow:20px -1px #fff;left:-20px;top:5px;margin:0;width:15px;height:15px;border-radius:50%}.form-group .form-radio-label input[type=radio]:checked{box-shadow:none}.form-group .form-radio-label input[type=radio]:focus{opacity:.2;box-shadow:20px -1px #fff}.form-group .form-radio-label:has(input[type=radio]:checked):after{opacity:1}.form-group .form-check-label{cursor:pointer;position:relative;padding-left:25px;margin-right:20px;overflow:hidden;display:inline-block;box-sizing:border-box}.form-group .form-check-label:before{content:"";position:absolute;width:20px;height:20px;left:0;top:0;border:1px solid #666;z-index:3}.form-group .form-check-label:after{content:"";position:absolute;top:40%;left:6px;display:block;margin-top:-8px;width:8px;height:12px;border-right:3px solid #3d64cb;border-bottom:3px solid #3d64cb;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);z-index:1}.form-group .form-check-label input[type=checkbox]{-moz-appearance:none;-webkit-appearance:none;position:absolute;left:-40px;width:20px;height:20px;display:block;box-shadow:41px 0 #fff;z-index:2;margin:0;padding:0}.form-group .form-check-label input[type=checkbox]:checked{box-shadow:none}.btn-primary{text-align:center;border-radius:6px;background-color:#3d64cb;color:#fff!important;font-size:1.6rem;font-weight:700;padding:10px 20px;display:block;width:100%;border:none}.nav{height:95vh;background-color:#fff;padding:40px 20px;position:relative}.nav_logo{margin-bottom:40px;display:block}.nav_logo img{width:100%;height:auto;display:block}.nav_menu_item summary{height:50px;padding:0 20px;display:flex;align-items:center;font-size:1.6rem;font-weight:700;border-radius:6px;color:#333;position:relative}.nav_menu_item summary.is-current,.nav_menu_item summary:hover{color:#3d64cb;background-color:#f5f6fb;opacity:1}.nav_menu_item summary:after{content:"＋";right:10px;position:absolute;color:#888;font-size:18px}.nav_menu_item details[open] summary:after{content:"−"}.nav_menu_item a{height:48px;padding:0 20px;display:flex;align-items:center;font-size:1.6rem;font-weight:700;border-radius:6px;color:#333;position:relative}.nav_menu_item a span{background-color:#4e988f;display:inline-block;margin-left:6px;color:#fff;font-size:1.1rem;padding:3px;border-radius:2px}.nav_menu_item a i{margin-right:8px;width:16px;text-align:center}.nav_menu_item a.is-current,.nav_menu_item a:hover{color:#3d64cb;background-color:#f5f6fb;opacity:1}.nav_menu_item a:not(.accordion-toggle):after{content:"";font-family:FontAwesome;right:14px;position:absolute;color:#888;font-size:20px}.nav_menu_item ul li a{font-size:1.4rem;height:36px}.nav_menu_item ul li a:after{font-size:14px}.nav_menu+.nav_menu{margin-top:20px;padding-top:20px;border-top:1px solid #ccc}.nav_character{text-align:center;position:absolute;bottom:40px}.nav_character img{width:140px;height:auto;display:inline-block;vertical-align:bottom}.nav_character a{border-radius:6px;background-color:#3d64cb;color:#fff;font-size:1.6rem;font-weight:700;padding:20px;display:block}.contents{height:95vh;overflow-y:scroll;position:relative}.contents::-webkit-scrollbar{display:none}.contents .task_btn{display:grid;place-items:center;width:80px;height:80px;background-color:#4e988f;text-align:center;position:fixed;bottom:60px;transform:translate(-10px);right:0;z-index:1;border-radius:50%;cursor:pointer;font-weight:700;font-size:12px;line-height:1.2;color:#fff;padding-bottom:8px}.contents .task_btn i{display:block;font-size:30px;margin-bottom:5px}.contents .task_btn.is-chat{transform:translate(-100px);background-color:#3d64cb}.task_box{transform:translate(100%);transition:transform .3s ease-in-out;overflow-y:scroll;width:400px;height:100%;position:fixed;top:0;right:0;background-color:#fff;z-index:1;box-shadow:#0f0f0f0a 0 0 0 1px,#0f0f0f08 0 3px 6px,#0f0f0f0f 0 9px 24px}.task_box.is-open{transform:translate(0)}.task_box_inn{padding:30px}.task_box_close{top:5px;right:10px;display:grid;place-items:center;width:30px;height:30px;background-color:#3d64cb;text-align:center;position:fixed;z-index:1;border-radius:50%;cursor:pointer;font-size:16px;color:#fff}.task_box_title{background-color:#333;color:#fff;padding:10px 20px;font-weight:700}.chat_item{margin-bottom:30px}.chat_item_icon{display:flex;align-items:center;margin-bottom:10px}.chat_item_icon img{width:60px;height:auto}.chat_item_icon span{font-weight:700}.chat_item_text{background-color:#e5eff5;padding:20px;border-radius:0 20px 20px;font-weight:700;margin-bottom:10px;width:max-content;max-width:100%}.chat_item_text.is-user{border-radius:20px 0 20px 20px;background-color:#e0f3f1;margin-left:auto}.chat_item_btn{margin-bottom:10px;border-radius:20px;background-color:#3d64cb;padding:10px 20px;color:#fff;font-weight:700;cursor:pointer;position:relative}.chat_item_btn:after{content:"";font-family:FontAwesome;right:14px;position:absolute;font-size:20px;top:50%;transform:translateY(-50%)}.topAlert{padding:10px;background-color:#ffd7ce;text-align:center;font-weight:700}.topNews{padding:10px 20px;background-color:#fff}.topNews_item{display:flex;color:#333!important}.topNews_item span{display:inline-block;background-color:#ccc;padding:2px 5px;margin:0 10px;color:#fff}.topNews_item span.is-blue{background-color:#3d64cb}.topNews_item span.is-green{background-color:#4e988f}.topNews_item span.is-red{background-color:#db6458}.topNews_item+.topNews_item{margin-top:10px}.topCont{margin-bottom:40px;font-weight:700;font-size:1.4rem;display:flex;align-items:center;justify-content:space-between;padding:20px;background-color:#e5eff5}.topCont_date{display:flex;align-items:center;gap:20px;font-weight:700}.topCont_date form{display:flex;gap:20px;align-items:center}.topCont_date input,.topCont_date select{height:30px;line-height:30px;border:none;background-color:#fff;border-radius:4px;padding:0 10px}.topCont_date .submit{background-color:#3d64cb;border:none;height:30px;line-height:30px;padding:0 20px;border-radius:4px;color:#fff;transition:opacity .5s;-moz-transition:opacity .5s;-webkit-transition:opacity .5s;-o-transition:opacity .5s;-ms-transition:opacity .5s;backface-visibility:hidden;cursor:pointer}.topCont_date .submit:hover{opacity:.7;backface-visibility:hidden}.topCont_date_btn{background-color:#fff;padding:3px 10px;border-radius:4px;border:1px solid #3d64cb;font-weight:400}.topCont_date .webToggle{display:flex;gap:10px;align-items:center}.topCont_date .webToggle span.note{font-weight:400}.topCont_date .webToggle>div{background-color:#fff;width:60px;border:2px solid #3d64cb;border-radius:20px;height:30px;padding:3px;position:relative}.topCont_date .webToggle>div input{opacity:0;width:25px}.topCont_date .webToggle>div input+label{position:absolute;width:20px;height:20px;border-radius:10px;background-color:#fff;top:3px}.topCont_date .webToggle>div input:first-of-type+label{left:3px}.topCont_date .webToggle>div input:first-of-type:checked+label{background-color:#ccc}.topCont_date .webToggle>div input:last-of-type+label{right:3px}.topCont_date .webToggle>div input:last-of-type:checked+label{background-color:#3d64cb}.topCont_user_btn{background-color:#fff;padding:3px 10px;border-radius:4px;border:1px solid #333;font-weight:400;color:#333!important}.mainCont{padding:0 40px 30px}.dashboard_result{background-color:#e0f3f1;display:flex;align-content:center;justify-content:center;flex-wrap:wrap}.dashboard_result_title{text-align:center;font-size:1.4rem;font-weight:700}.dashboard_result_title strong{font-size:1.8rem}.dashboard_result_score{text-align:center;font-family:Zen Maru Gothic;font-size:30px;letter-spacing:-1.5px;line-height:1}.dashboard_result_score span{font-size:80px;color:#4e988f;letter-spacing:-4px}.dashboard_comment{padding:25px 180px 25px 25px;margin-top:30px;color:#fff;position:relative;background-color:#3d64cb;border-radius:10px;min-height:200px}.dashboard_comment p{line-height:1.8;font-size:1.5rem;font-weight:lighter;margin-bottom:1em}.dashboard_comment p strong{font-weight:600;font-size:1.05em;color:#fff}.dashboard_comment p em{font-style:italic;color:#fffffff2}.dashboard_comment p .tooltips{text-decoration:underline;cursor:pointer}.dashboard_comment ul{margin:1em 0;padding-left:1.5em}.dashboard_comment ul li{margin-bottom:.5em;color:#fff;list-style-type:disc;line-height:1.6;font-size:1.5rem;font-weight:lighter}.dashboard_comment ul li strong{font-weight:600;font-size:1.05em}.dashboard_comment img{position:absolute;right:10px;bottom:0;display:block;width:150px;height:auto;opacity:.95}.dashboard_sub i{color:#3d64cb;cursor:pointer}.dashboard_sub_wrap{display:flex;gap:20px}.dashboard_sub_score{text-align:right;font-family:Zen Maru Gothic;letter-spacing:-.4px;line-height:1;font-size:20px}.dashboard_sub_score span{text-align:center;font-size:60px;color:#4e988f;letter-spacing:-3px;display:block}.accordion-item a:after{font-size:14px!important;right:10px}.access_result{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:10px}.access_result_score{text-align:center;line-height:1;font-size:52px;font-weight:700;color:#4e988f;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access_result_score small{color:#333;font-size:20px;display:block}.access_result_comparison{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:0;font-weight:700;min-width:160px}.access_result_comparison span{font-size:18px;font-family:Zen Maru Gothic;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:grid;grid-template-columns:45px minmax(60px,1fr);align-items:center;gap:2px;width:100%}.access_result_comparison span .is-good,.access_result_comparison span .is-bad{margin-left:auto;text-align:right;min-width:60px;display:inline-block;white-space:nowrap;overflow:visible}.access_result_comparison span .is-good{color:#4e988f}.access_result_comparison span .is-bad{color:#db6458}.access-summary-card{padding:15px;height:100%;display:flex;flex-direction:column;justify-content:space-between}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.card-header h3{margin:0;font-size:16px;font-weight:700}.help-icon{display:inline-block;width:18px;height:18px;border-radius:50%;background-color:#f0f0f0;text-align:center;line-height:18px;font-size:12px;color:#666;cursor:help}.card-body{text-align:center;padding:10px 0;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.metric-value{font-size:28px;font-weight:700;color:#4e988f}.metric-unit{font-size:14px;color:#666;margin-top:5px}.card-footer{text-align:center;padding-top:10px}.change-positive{color:#28a745;font-weight:700}.change-negative{color:#dc3545;font-weight:700}.change-period{font-size:12px;color:#666;font-weight:400}.access-alert-box{background-color:#d4edda;color:#155724;padding:10px 15px;border-radius:4px;margin-bottom:20px}.graph-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap}.metric-selector,.period-selector{margin-right:20px}.graph-insight,.chart-insight,.content-insight{margin-top:15px;background-color:#f8f9fa;padding:10px;border-left:3px solid #007bff;font-size:14px}.chart-data-summary{display:flex;justify-content:center;margin-top:15px;gap:40px}.data-item{text-align:center}.data-label{font-size:18px;font-weight:700;color:#666}.data-value{font-size:32px;font-weight:700;color:#4e988f}.popular-pages-container{margin-top:15px;position:relative;min-height:100px}.popular-pages-list{margin-top:15px}.popular-page-item:nth-child(1) .page-rank{background-color:#ffc107;color:#212529}.page-rank{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background-color:#4e988f;color:#fff;border-radius:50%;margin-right:15px;font-weight:600}.page-details{flex-grow:1;overflow:hidden;white-space:normal}.page-title{font-weight:600;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;max-height:2.8em;word-break:break-word}.page-url{font-size:.8em;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.page-url a{color:#4e988f;text-decoration:none}.page-url a:hover{text-decoration:underline}.url-domain{color:#999;font-size:.85em}.url-path{color:#06c}.engagement-pages-list,.keywords-list{margin-top:15px}.engagement-page-item,.keyword-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #eee}.keyword-rank{width:30px;height:30px;background-color:#007bff;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;margin-right:10px}.keyword-name{font-weight:700;flex-grow:1}.page-duration,.keyword-clicks{font-weight:700;color:#28a745;text-align:right;min-width:100px}.action-guide{background-color:#f5f9f8;border-radius:8px;padding:20px;margin-top:30px}.action-guide h3{color:#4e988f;font-size:1.2em;margin-bottom:15px;display:flex;align-items:center}.action-guide h3 i{margin-right:10px}.action-guide-list{list-style-type:none;padding:0;margin:0}.action-guide-list li{border-bottom:1px solid #e0f3f1;position:relative;padding:8px 0 8px 20px}.action-guide-list li:before{content:"•";color:#4e988f;position:absolute;left:0;font-size:1.2em}.action-guide-list li:last-child{border-bottom:none}.detail-link{margin-top:20px;text-align:right}.btn-detail{display:inline-flex;align-items:center;padding:8px 16px;background-color:#1e88e5;color:#fff!important;border-radius:4px;text-decoration:none;font-weight:700;transition:all .3s ease}.btn-detail:hover{background-color:#1565c0;text-decoration:none;color:#fff!important}.btn-detail span{margin-right:8px;color:#fff!important}.period-selector{display:flex;align-items:center;gap:10px}.period-buttons{display:flex;gap:5px}.period-btn{padding:6px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;position:relative}.period-btn.active{background-color:#4a90e2;color:#fff;border-color:#4a90e2}.period-btn.disabled{opacity:.5;cursor:not-allowed;background-color:#f0f0f0;color:#999;border-color:#ddd}.period-btn.disabled:hover{background-color:#f0f0f0;color:#999;border-color:#ddd}.period-btn .tooltip-text{display:none;position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:5px 10px;background-color:#333;color:#fff;border-radius:4px;white-space:nowrap;z-index:1000;font-size:12px;margin-top:0;box-shadow:0 2px 5px #0003}.period-btn .tooltip-text:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333}.period-btn.disabled:hover .tooltip-text{display:block}.period-navigation{display:flex;gap:5px}.nav-btn{padding:6px 12px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;position:relative}.nav-btn.disabled{opacity:.4;cursor:not-allowed;background-color:#e0e0e0;color:#999;border-color:#ccc;box-shadow:none}.nav-btn .tooltip-text{display:none;position:absolute;top:-40px;left:50%;transform:translate(-50%);padding:5px 10px;background-color:#333;color:#fff;border-radius:4px;white-space:nowrap;z-index:1000;font-size:12px;margin-top:0;box-shadow:0 2px 5px #0003}.nav-btn .tooltip-text:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #333}.nav-btn.disabled:hover .tooltip-text{display:block}.metric-selector{display:flex;align-items:center;gap:10px}.metric-selector label{font-weight:700;margin-bottom:0}.metric-selector select{padding:6px 10px;border:1px solid #dee2e6;border-radius:4px;width:200px;background-color:#fff;color:#333}.period-display-container{display:flex;align-items:center;gap:5px;margin-left:15px}.period-display-container label{font-weight:700;margin-bottom:0}.period-display{font-size:14px;color:#555}.timeline-graph-container{height:400px;width:100%;position:relative;border:1px solid #eee;border-radius:4px;padding:15px;background-color:#fff}.timeline-graph-content{position:relative;width:100%;height:100%}.cmn-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.cmn-loading-spinner{width:24px;height:24px;border:3px solid #4a90e2;border-top-color:#0000;border-radius:50%;animation-name:spin;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear;margin-bottom:8px}.cmn-loading-text{font-size:14px;font-weight:700;color:#333}#site_status-html,#device-graph,#timeline-graph,#visitor-graph,#popular-html{position:relative;min-height:100px}.loading{display:none}@media (max-width: 768px){.graph-controls{flex-direction:column;align-items:flex-start;gap:10px}.period-buttons,.period-navigation{width:100%;justify-content:center}.metric-selector{width:100%;flex-wrap:wrap}.metric-selector select{width:100%}.period-display-container{margin-left:0;margin-top:5px;width:100%}}.timeline-graph-wrapper{margin-bottom:20px}.graph-container{height:600px;width:100%;margin-bottom:40px;position:relative}.graph-container--summary{height:400px}#timeline-graph,#device-graph,#visitor-graph{height:400px;width:100%}.country-access-list{margin-top:15px}.country-access-item{display:flex;align-items:center;padding:10px 15px;margin-bottom:8px;background-color:#f8f9fa;border-radius:6px;transition:background-color .2s}.country-access-item:hover{background-color:#e9ecef}.country-rank{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:50%;background-color:#6c757d;color:#fff;font-weight:700;margin-right:12px;flex-shrink:0}.country-access-item:nth-child(1) .country-rank{background-color:#ffc107;color:#212529}.country-info{flex:1;overflow:hidden}.country-name{font-weight:500;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.country-metrics{display:flex;align-items:center;margin-left:10px}.active-users{text-align:right;min-width:120px}.active-users .metric-value{font-weight:700;font-size:1.1em;color:#4e988f}.active-users .metric-value .unit{font-size:.8em;color:#6c757d;margin-left:2px}.comparison-data{font-size:.85em;color:#6c757d;margin-top:3px}.summary_dashboard_container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:10px 0}.summary_dashboard_score{text-align:center;font-size:52px;font-weight:700;color:#4e988f;flex:1}.summary_dashboard_comparisons{display:flex;flex-direction:column;align-items:flex-start;flex:1}.summary_dashboard_comparison{display:flex;justify-content:flex-start;align-items:center;font-size:14px;font-weight:700;color:#666;margin:3px 0;width:100%}.summary_dashboard_period_label{min-width:60px;text-align:right;margin-right:3px}.summary_dashboard_comparison_value{font-weight:700}.summary_dashboard_comparison_value.positive{color:#4caf50}.summary_dashboard_comparison_value.negative{color:#f44336}.traffic-data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:15px}.traffic-data-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:10px 5px;min-width:180px}.traffic-label-container{width:100%;display:flex;justify-content:center;align-items:center}.traffic-label{font-size:18px;font-weight:700;margin-bottom:10px;white-space:nowrap;max-width:100%;display:flex;align-items:center;gap:5px}.traffic-metrics{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;margin-bottom:8px;white-space:nowrap}.traffic-value{font-size:28px;font-weight:700;color:#4e988f}.traffic-unit{font-size:18px;font-weight:400;color:#555;margin-left:2px}.traffic-percentage{font-size:18px;font-weight:400;color:#3d64cb;margin-left:5px}.traffic-data-item .comparison-item{font-size:12px;color:#555;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap}.traffic-data-item .comparison-label{font-weight:400;margin-right:4px}.traffic-data-item .comparison-value{font-weight:700}.traffic-data-item .comparison-value.positive{color:#1e88e5}.traffic-data-item .comparison-value.negative{color:#ef5350}@media (max-width: 991px){.traffic-data-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.traffic-data-grid{grid-template-columns:1fr}}.no-data-message{padding:20px;text-align:center;color:#666}.keyevent-summary-page .mainCont{margin-bottom:30px}.keyevent-summary-page .cmn-moreBtn button{background:#3d64cb;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.keyevent-summary-page .cmn-moreBtn button:hover{background:rgb(45.0243902439,78.7926829268,167.9756097561);transform:translateY(-1px)}.keyevent-summary-page .cmn-moreBtn button:active{transform:translateY(0)}.keyevent-summary-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media screen and (max-width: 1200px){.keyevent-summary-container{grid-template-columns:repeat(2,1fr);gap:16px}}@media screen and (max-width: 768px){.keyevent-summary-container{grid-template-columns:1fr;gap:12px}}.keyevent-info-section{margin-top:40px}.keyevent-info-section .info-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media screen and (max-width: 768px){.keyevent-info-section .info-cards-container{grid-template-columns:1fr;gap:16px}}.keyevent-info-section .info-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.keyevent-info-section .info-card .info-title{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;display:flex;align-items:center;gap:8px}.keyevent-info-section .info-card .info-title .info-icon{width:24px;height:24px;border-radius:50%;background:#3d64cb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.keyevent-info-section .info-card .info-content{color:#555;line-height:1.5;font-size:14px}.keyevent-info-section .info-card .info-content ul{margin:0;padding-left:16px}.keyevent-info-section .info-card .info-content ul li{margin-bottom:6px}.api-test-section{margin-top:40px;padding:20px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px}.api-test-section .api-test-btn{background:#3d64cb;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.api-test-section .api-test-btn:hover{background:rgb(45.0243902439,78.7926829268,167.9756097561)}.api-test-section .api-result{margin-top:15px;padding:15px;background:#fff;border:1px solid #ddd;border-radius:4px}.api-test-section .api-result pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-size:12px;color:#333}.keyevent-error{text-align:center;padding:40px 20px;color:#dc3545}.keyevent-error .error-icon{font-size:48px;margin-bottom:16px}.keyevent-error .error-message{font-size:16px;font-weight:500;margin-bottom:8px}.keyevent-error .error-details{font-size:14px;color:#6c757d}.retry-message,.data-pending-message{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-size:14px;line-height:1.5}.retry-message{color:#6c757d}.data-pending-message{color:#adb5bd;font-style:italic}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.keyevent-empty{text-align:center;padding:60px 20px;color:#6c757d}.keyevent-empty .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.keyevent-empty .empty-title{font-size:18px;font-weight:600;margin-bottom:8px}.keyevent-empty .empty-description{font-size:14px;line-height:1.5}.keyevent-modern-card{height:100%;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;border:1px solid #f0f3f6;cursor:pointer}.keyevent-modern-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.card-performance-bar{height:4px;width:100%;background:#e9ecef;position:relative}.card-performance-bar.high-performance{background:linear-gradient(90deg,#28a745,#20c997)}.card-performance-bar.medium-performance{background:linear-gradient(90deg,#ffc107,#fd7e14)}.card-performance-bar.low-performance{background:linear-gradient(90deg,#dc3545,#e74c3c)}.card-performance-bar.no-data{background:#6c757d}.card-header{padding:20px 20px 0;display:flex;justify-content:space-between;align-items:flex-start}.card-header .event-info{display:flex;align-items:center;gap:12px;flex:1}.card-header .event-info .event-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}.card-header .event-info .event-icon.high-performance{background:linear-gradient(135deg,#28a745,#20c997)}.card-header .event-info .event-icon.medium-performance{background:linear-gradient(135deg,#ffc107,#fd7e14)}.card-header .event-info .event-icon.low-performance{background:linear-gradient(135deg,#dc3545,#e74c3c)}.card-header .event-info .event-icon.no-data{background:linear-gradient(135deg,#6c757d,#495057)}.card-header .event-info .event-details{flex:1}.card-header .event-info .event-details .event-name{font-size:16px;font-weight:600;color:#212529;margin:0 0 4px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-header .event-info .event-details .event-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.card-header .status-badge{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.card-header .status-badge.active{background:#d1f2eb;color:#0b5345}.card-header .status-badge.inactive{background:#fadbd8;color:#922b21}.main-metrics-area{padding:20px;text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.main-metrics-area .big-number{display:flex;align-items:baseline;justify-content:center;gap:8px}.main-metrics-area .big-number .number{font-size:42px;font-weight:700;color:#212529;line-height:1}.main-metrics-area .big-number .unit{font-size:16px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:1px}.main-metrics-area .performance-indicator{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px}.main-metrics-area .performance-indicator.excellent{background:#d1f2eb;color:#0b5345}.main-metrics-area .performance-indicator.good{background:#fff3cd;color:#856404}.main-metrics-area .performance-indicator.fair{background:#f8d7da;color:#721c24}.main-metrics-area .performance-indicator i{font-size:12px}.comparison-area{padding:0 20px 20px;display:flex;flex-direction:column;gap:8px}.comparison-area .comparison-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:8px}.comparison-area .comparison-row .comparison-type{font-size:13px;font-weight:500;color:#495057}.comparison-area .comparison-row .comparison-result{font-size:13px;font-weight:600}.comparison-area .comparison-row .comparison-result.positive,.comparison-area .comparison-row .comparison-result.change-positive{color:#28a745}.comparison-area .comparison-row .comparison-result.negative,.comparison-area .comparison-row .comparison-result.change-negative{color:#dc3545}.comparison-area .comparison-row .comparison-result.neutral{color:#6c757d}.action-hint{padding:12px 20px;background:rgba(78,152,143,.05);border-top:1px solid #e9ecef;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;color:#495057;font-weight:500;transition:all .2s ease}.action-hint i{font-size:11px;color:#3d64cb}.keyevent-modern-card:hover .action-hint{background:rgba(78,152,143,.1);color:#212529}@media screen and (max-width: 768px){.keyevent-card-content{padding:16px;gap:12px}.keyevent-card-content .keyevent-card-header .keyevent-icon{width:36px;height:36px;font-size:16px}.keyevent-card-content .keyevent-card-header .keyevent-title h3{font-size:14px}.keyevent-card-content .keyevent-metrics .main-metric .metric-value{font-size:28px}}@media screen and (max-width: 480px){.keyevent-card{min-height:160px;padding:16px}.keyevent-card .keyevent-header .event-icon{width:32px;height:32px;font-size:16px}.keyevent-card .keyevent-header .event-name{font-size:14px}.keyevent-card .keyevent-metrics .big-metrics .main-value{font-size:24px}.keyevent-card .keyevent-metrics .comparison-data .comparison-item{font-size:12px}.keyevent-card-content{padding:12px;gap:10px}.keyevent-card-content .keyevent-metrics .main-metric .metric-value{font-size:24px}.keyevent-card-content .keyevent-comparisons .comparison-item{font-size:12px;padding:3px 6px}}.keyevent-detail-basic-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;display:flex;flex-direction:column;overflow:hidden}.keyevent-detail-basic-card .card-header{padding:16px 20px 12px;border-bottom:1px solid #f1f3f5;display:flex;align-items:center;justify-content:space-between}.keyevent-detail-basic-card .card-header .event-info{display:flex;align-items:center;gap:12px}.keyevent-detail-basic-card .card-header .event-info .event-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.keyevent-detail-basic-card .card-header .event-info .event-icon.high-performance{background:linear-gradient(135deg,#28a745,#20c997)}.keyevent-detail-basic-card .card-header .event-info .event-icon.medium-performance{background:linear-gradient(135deg,#ffc107,#fd7e14)}.keyevent-detail-basic-card .card-header .event-info .event-icon.low-performance{background:linear-gradient(135deg,#dc3545,#e74c3c)}.keyevent-detail-basic-card .card-header .event-info .event-icon.no-data{background:linear-gradient(135deg,#6c757d,#495057)}.keyevent-detail-basic-card .card-header .event-info .event-details .event-title{font-size:16px;font-weight:600;color:#212529;margin:0 0 4px}.keyevent-detail-basic-card .card-header .event-info .event-details .event-subtitle{font-size:13px;color:#6c757d;font-weight:500}.keyevent-detail-basic-card .card-header .status-badge{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.keyevent-detail-basic-card .card-header .status-badge.active{background:#d1f2eb;color:#0b5345}.keyevent-detail-basic-card .card-header .status-badge.inactive{background:#f8d7da;color:#721c24}.keyevent-detail-basic-card .main-metrics-area{flex:1;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:16px}.keyevent-detail-basic-card .main-metrics-area .big-number .number{font-size:36px;font-weight:700;color:#212529;display:block;line-height:1}.keyevent-detail-basic-card .main-metrics-area .big-number .unit{font-size:14px;color:#6c757d;font-weight:500;margin-top:4px;display:block}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-indicator{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:8px}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-indicator.excellent{background:#d1f2eb;color:#0b5345}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-indicator.good{background:#fff3cd;color:#856404}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-indicator.fair{background:#f8d7da;color:#721c24}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-indicator.no-data{background:#e2e3e5;color:#383d41}.keyevent-detail-basic-card .main-metrics-area .performance-status .status-description{font-size:12px;color:#6c757d;margin:0;line-height:1.4}.keyevent-detail-basic-card .additional-info{padding:12px 20px;background:#f8f9fa;border-top:1px solid #f1f3f5}.keyevent-detail-basic-card .additional-info .info-note{display:flex;align-items:center;gap:6px;font-size:11px;color:#6c757d;margin:0}.keyevent-detail-basic-card .additional-info .info-note i{font-size:10px}.keyevent-detail-comparison-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;display:flex;flex-direction:column;overflow:hidden}.keyevent-detail-comparison-card .card-header{padding:16px 20px 12px;border-bottom:1px solid #f1f3f5}.keyevent-detail-comparison-card .card-header .comparison-info{display:flex;align-items:center;gap:12px}.keyevent-detail-comparison-card .card-header .comparison-info .comparison-icon{width:40px;height:40px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .comparison-title{font-size:16px;font-weight:600;color:#212529;margin:0 0 4px}.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .comparison-subtitle{font-size:13px;color:#6c757d;font-weight:500}.keyevent-detail-comparison-card .comparison-data-area{flex:1;padding:20px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f1f3f5}.keyevent-detail-comparison-card .comparison-data-area .comparison-row:last-child{border-bottom:none}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-period{display:flex;align-items:center;gap:10px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-period .period-icon{width:32px;height:32px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:12px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-period .period-info .period-label{font-size:14px;font-weight:600;color:#212529;display:block}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-period .period-info .period-description{font-size:11px;color:#6c757d;display:block;margin-top:2px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result{text-align:right}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value{font-size:14px;font-weight:600;display:block}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value.positive,.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value.change-positive{color:#28a745}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value.negative,.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value.change-negative{color:#dc3545}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-value.neutral{color:#6c757d}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend .trend-text{font-size:11px;font-weight:500}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend i{font-size:10px}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend.trend-up,.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend .trend-up{color:#28a745}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend.trend-down,.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend .trend-down{color:#dc3545}.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend.trend-neutral,.keyevent-detail-comparison-card .comparison-data-area .comparison-row .comparison-result .result-trend .trend-neutral{color:#6c757d}.keyevent-detail-comparison-card .comparison-data-area .no-comparison-data{text-align:center;padding:40px 20px}.keyevent-detail-comparison-card .comparison-data-area .no-comparison-data .no-data-icon{font-size:32px;color:#dee2e6;margin-bottom:12px}.keyevent-detail-comparison-card .comparison-data-area .no-comparison-data .no-data-message{font-size:14px;color:#6c757d;font-weight:500;margin:0 0 8px}.keyevent-detail-comparison-card .comparison-data-area .no-comparison-data .no-data-note{font-size:12px;color:#adb5bd;margin:0;line-height:1.4}.keyevent-detail-comparison-card .comparison-hints{padding:12px 20px;background:#f8f9fa;border-top:1px solid #f1f3f5;display:flex;flex-direction:column;gap:6px}.keyevent-detail-comparison-card .comparison-hints .hint-item{display:flex;align-items:center;gap:6px}.keyevent-detail-comparison-card .comparison-hints .hint-item i{font-size:10px;color:#ffc107}.keyevent-detail-comparison-card .comparison-hints .hint-item small{font-size:11px;color:#6c757d;margin:0}.keyevent-detail-insights-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;height:100%;display:flex;flex-direction:column;overflow:hidden}.keyevent-detail-insights-card .card-header{padding:16px 20px 12px;border-bottom:1px solid #f1f3f5}.keyevent-detail-insights-card .card-header .insights-info{display:flex;align-items:center;gap:12px}.keyevent-detail-insights-card .card-header .insights-info .insights-icon{width:40px;height:40px;background:linear-gradient(135deg,#ffc107,#ff8f00);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.keyevent-detail-insights-card .card-header .insights-info .insights-details .insights-title{font-size:16px;font-weight:600;color:#212529;margin:0 0 4px}.keyevent-detail-insights-card .card-header .insights-info .insights-details .insights-subtitle{font-size:13px;color:#6c757d;font-weight:500}.keyevent-detail-insights-card .insights-content{flex:1;padding:20px;overflow-y:auto}.keyevent-detail-insights-card .insights-content .section-title{font-size:14px;font-weight:600;color:#212529;margin:0 0 12px;display:flex;align-items:center;gap:8px}.keyevent-detail-insights-card .insights-content .section-title i{font-size:12px;color:#6c757d}.keyevent-detail-insights-card .insights-content .current-status-section,.keyevent-detail-insights-card .insights-content .trend-analysis-section,.keyevent-detail-insights-card .insights-content .improvement-section,.keyevent-detail-insights-card .insights-content .next-steps-section{margin-bottom:20px}.keyevent-detail-insights-card .insights-content .current-status-section:last-child,.keyevent-detail-insights-card .insights-content .trend-analysis-section:last-child,.keyevent-detail-insights-card .insights-content .improvement-section:last-child,.keyevent-detail-insights-card .insights-content .next-steps-section:last-child{margin-bottom:0}.keyevent-detail-insights-card .insights-content .status-summary .status-item,.keyevent-detail-insights-card .insights-content .status-summary .trend-item,.keyevent-detail-insights-card .insights-content .trend-summary .status-item,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:8px;font-size:12px;line-height:1.4}.keyevent-detail-insights-card .insights-content .status-summary .status-item i,.keyevent-detail-insights-card .insights-content .status-summary .trend-item i,.keyevent-detail-insights-card .insights-content .trend-summary .status-item i,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item i{font-size:14px;margin-top:1px;flex-shrink:0}.keyevent-detail-insights-card .insights-content .status-summary .status-item.excellent,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.excellent,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.excellent,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.excellent{background:#d1f2eb;color:#0b5345}.keyevent-detail-insights-card .insights-content .status-summary .status-item.good,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.good,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.good,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.good{background:#fff3cd;color:#856404}.keyevent-detail-insights-card .insights-content .status-summary .status-item.fair,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.fair,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.fair,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.fair{background:#f8d7da;color:#721c24}.keyevent-detail-insights-card .insights-content .status-summary .status-item.no-data,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.no-data,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.no-data,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.no-data{background:#e2e3e5;color:#383d41}.keyevent-detail-insights-card .insights-content .status-summary .status-item.positive,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.positive,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.positive,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.positive{background:#d1f2eb;color:#0b5345}.keyevent-detail-insights-card .insights-content .status-summary .status-item.negative,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.negative,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.negative,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.negative{background:#f8d7da;color:#721c24}.keyevent-detail-insights-card .insights-content .status-summary .status-item.mixed,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.mixed,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.mixed,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.mixed{background:#fff3cd;color:#856404}.keyevent-detail-insights-card .insights-content .status-summary .status-item.stable,.keyevent-detail-insights-card .insights-content .status-summary .trend-item.stable,.keyevent-detail-insights-card .insights-content .trend-summary .status-item.stable,.keyevent-detail-insights-card .insights-content .trend-summary .trend-item.stable{background:#e2e3e5;color:#383d41}.keyevent-detail-insights-card .insights-content .improvement-points{display:flex;flex-direction:column;gap:8px}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:12px;font-weight:500}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item i{font-size:12px;flex-shrink:0}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item.urgent{background:#f8d7da;color:#721c24}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item.important{background:#fff3cd;color:#856404}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item.moderate{background:#d1ecf1;color:#0c5460}.keyevent-detail-insights-card .insights-content .improvement-points .improvement-item.optimize{background:#d1f2eb;color:#0b5345}.keyevent-detail-insights-card .insights-content .next-steps{display:flex;flex-direction:column;gap:8px}.keyevent-detail-insights-card .insights-content .next-steps .step-item{display:flex;align-items:center;gap:12px;padding:8px 0}.keyevent-detail-insights-card .insights-content .next-steps .step-item .step-number{width:20px;height:20px;background:#007bff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.keyevent-detail-insights-card .insights-content .next-steps .step-item .step-description{font-size:12px;color:#495057;line-height:1.4}@media screen and (max-width: 768px){.keyevent-detail-basic-card .card-header,.keyevent-detail-comparison-card .card-header,.keyevent-detail-insights-card .card-header{padding:12px 16px 8px}.keyevent-detail-basic-card .card-header .event-info,.keyevent-detail-basic-card .card-header .comparison-info,.keyevent-detail-basic-card .card-header .insights-info,.keyevent-detail-comparison-card .card-header .event-info,.keyevent-detail-comparison-card .card-header .comparison-info,.keyevent-detail-comparison-card .card-header .insights-info,.keyevent-detail-insights-card .card-header .event-info,.keyevent-detail-insights-card .card-header .comparison-info,.keyevent-detail-insights-card .card-header .insights-info{gap:8px}.keyevent-detail-basic-card .card-header .event-info .event-icon,.keyevent-detail-basic-card .card-header .event-info .comparison-icon,.keyevent-detail-basic-card .card-header .event-info .insights-icon,.keyevent-detail-basic-card .card-header .comparison-info .event-icon,.keyevent-detail-basic-card .card-header .comparison-info .comparison-icon,.keyevent-detail-basic-card .card-header .comparison-info .insights-icon,.keyevent-detail-basic-card .card-header .insights-info .event-icon,.keyevent-detail-basic-card .card-header .insights-info .comparison-icon,.keyevent-detail-basic-card .card-header .insights-info .insights-icon,.keyevent-detail-comparison-card .card-header .event-info .event-icon,.keyevent-detail-comparison-card .card-header .event-info .comparison-icon,.keyevent-detail-comparison-card .card-header .event-info .insights-icon,.keyevent-detail-comparison-card .card-header .comparison-info .event-icon,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-icon,.keyevent-detail-comparison-card .card-header .comparison-info .insights-icon,.keyevent-detail-comparison-card .card-header .insights-info .event-icon,.keyevent-detail-comparison-card .card-header .insights-info .comparison-icon,.keyevent-detail-comparison-card .card-header .insights-info .insights-icon,.keyevent-detail-insights-card .card-header .event-info .event-icon,.keyevent-detail-insights-card .card-header .event-info .comparison-icon,.keyevent-detail-insights-card .card-header .event-info .insights-icon,.keyevent-detail-insights-card .card-header .comparison-info .event-icon,.keyevent-detail-insights-card .card-header .comparison-info .comparison-icon,.keyevent-detail-insights-card .card-header .comparison-info .insights-icon,.keyevent-detail-insights-card .card-header .insights-info .event-icon,.keyevent-detail-insights-card .card-header .insights-info .comparison-icon,.keyevent-detail-insights-card .card-header .insights-info .insights-icon{width:32px;height:32px;font-size:14px}.keyevent-detail-basic-card .card-header .event-info .event-details .event-title,.keyevent-detail-basic-card .card-header .event-info .event-details .comparison-title,.keyevent-detail-basic-card .card-header .event-info .event-details .insights-title,.keyevent-detail-basic-card .card-header .event-info .comparison-details .event-title,.keyevent-detail-basic-card .card-header .event-info .comparison-details .comparison-title,.keyevent-detail-basic-card .card-header .event-info .comparison-details .insights-title,.keyevent-detail-basic-card .card-header .event-info .insights-details .event-title,.keyevent-detail-basic-card .card-header .event-info .insights-details .comparison-title,.keyevent-detail-basic-card .card-header .event-info .insights-details .insights-title,.keyevent-detail-basic-card .card-header .comparison-info .event-details .event-title,.keyevent-detail-basic-card .card-header .comparison-info .event-details .comparison-title,.keyevent-detail-basic-card .card-header .comparison-info .event-details .insights-title,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .event-title,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .comparison-title,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .insights-title,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .event-title,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .comparison-title,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .insights-title,.keyevent-detail-basic-card .card-header .insights-info .event-details .event-title,.keyevent-detail-basic-card .card-header .insights-info .event-details .comparison-title,.keyevent-detail-basic-card .card-header .insights-info .event-details .insights-title,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .event-title,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .comparison-title,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .insights-title,.keyevent-detail-basic-card .card-header .insights-info .insights-details .event-title,.keyevent-detail-basic-card .card-header .insights-info .insights-details .comparison-title,.keyevent-detail-basic-card .card-header .insights-info .insights-details .insights-title,.keyevent-detail-comparison-card .card-header .event-info .event-details .event-title,.keyevent-detail-comparison-card .card-header .event-info .event-details .comparison-title,.keyevent-detail-comparison-card .card-header .event-info .event-details .insights-title,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .event-title,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .comparison-title,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .insights-title,.keyevent-detail-comparison-card .card-header .event-info .insights-details .event-title,.keyevent-detail-comparison-card .card-header .event-info .insights-details .comparison-title,.keyevent-detail-comparison-card .card-header .event-info .insights-details .insights-title,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .event-title,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .comparison-title,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .insights-title,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .event-title,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .comparison-title,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .insights-title,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .event-title,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .comparison-title,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .insights-title,.keyevent-detail-comparison-card .card-header .insights-info .event-details .event-title,.keyevent-detail-comparison-card .card-header .insights-info .event-details .comparison-title,.keyevent-detail-comparison-card .card-header .insights-info .event-details .insights-title,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .event-title,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .comparison-title,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .insights-title,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .event-title,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .comparison-title,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .insights-title,.keyevent-detail-insights-card .card-header .event-info .event-details .event-title,.keyevent-detail-insights-card .card-header .event-info .event-details .comparison-title,.keyevent-detail-insights-card .card-header .event-info .event-details .insights-title,.keyevent-detail-insights-card .card-header .event-info .comparison-details .event-title,.keyevent-detail-insights-card .card-header .event-info .comparison-details .comparison-title,.keyevent-detail-insights-card .card-header .event-info .comparison-details .insights-title,.keyevent-detail-insights-card .card-header .event-info .insights-details .event-title,.keyevent-detail-insights-card .card-header .event-info .insights-details .comparison-title,.keyevent-detail-insights-card .card-header .event-info .insights-details .insights-title,.keyevent-detail-insights-card .card-header .comparison-info .event-details .event-title,.keyevent-detail-insights-card .card-header .comparison-info .event-details .comparison-title,.keyevent-detail-insights-card .card-header .comparison-info .event-details .insights-title,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .event-title,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .comparison-title,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .insights-title,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .event-title,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .comparison-title,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .insights-title,.keyevent-detail-insights-card .card-header .insights-info .event-details .event-title,.keyevent-detail-insights-card .card-header .insights-info .event-details .comparison-title,.keyevent-detail-insights-card .card-header .insights-info .event-details .insights-title,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .event-title,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .comparison-title,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .insights-title,.keyevent-detail-insights-card .card-header .insights-info .insights-details .event-title,.keyevent-detail-insights-card .card-header .insights-info .insights-details .comparison-title,.keyevent-detail-insights-card .card-header .insights-info .insights-details .insights-title{font-size:14px}.keyevent-detail-basic-card .card-header .event-info .event-details .event-subtitle,.keyevent-detail-basic-card .card-header .event-info .event-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .event-info .event-details .insights-subtitle,.keyevent-detail-basic-card .card-header .event-info .comparison-details .event-subtitle,.keyevent-detail-basic-card .card-header .event-info .comparison-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .event-info .comparison-details .insights-subtitle,.keyevent-detail-basic-card .card-header .event-info .insights-details .event-subtitle,.keyevent-detail-basic-card .card-header .event-info .insights-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .event-info .insights-details .insights-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .event-details .event-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .event-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .event-details .insights-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .event-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .comparison-details .insights-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .event-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .comparison-info .insights-details .insights-subtitle,.keyevent-detail-basic-card .card-header .insights-info .event-details .event-subtitle,.keyevent-detail-basic-card .card-header .insights-info .event-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .insights-info .event-details .insights-subtitle,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .event-subtitle,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .insights-info .comparison-details .insights-subtitle,.keyevent-detail-basic-card .card-header .insights-info .insights-details .event-subtitle,.keyevent-detail-basic-card .card-header .insights-info .insights-details .comparison-subtitle,.keyevent-detail-basic-card .card-header .insights-info .insights-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .event-info .event-details .event-subtitle,.keyevent-detail-comparison-card .card-header .event-info .event-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .event-info .event-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .event-subtitle,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .event-info .comparison-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .event-info .insights-details .event-subtitle,.keyevent-detail-comparison-card .card-header .event-info .insights-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .event-info .insights-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .event-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .event-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .event-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .comparison-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .event-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .comparison-info .insights-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .event-details .event-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .event-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .event-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .event-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .comparison-details .insights-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .event-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .comparison-subtitle,.keyevent-detail-comparison-card .card-header .insights-info .insights-details .insights-subtitle,.keyevent-detail-insights-card .card-header .event-info .event-details .event-subtitle,.keyevent-detail-insights-card .card-header .event-info .event-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .event-info .event-details .insights-subtitle,.keyevent-detail-insights-card .card-header .event-info .comparison-details .event-subtitle,.keyevent-detail-insights-card .card-header .event-info .comparison-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .event-info .comparison-details .insights-subtitle,.keyevent-detail-insights-card .card-header .event-info .insights-details .event-subtitle,.keyevent-detail-insights-card .card-header .event-info .insights-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .event-info .insights-details .insights-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .event-details .event-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .event-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .event-details .insights-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .event-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .comparison-details .insights-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .event-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .comparison-info .insights-details .insights-subtitle,.keyevent-detail-insights-card .card-header .insights-info .event-details .event-subtitle,.keyevent-detail-insights-card .card-header .insights-info .event-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .insights-info .event-details .insights-subtitle,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .event-subtitle,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .insights-info .comparison-details .insights-subtitle,.keyevent-detail-insights-card .card-header .insights-info .insights-details .event-subtitle,.keyevent-detail-insights-card .card-header .insights-info .insights-details .comparison-subtitle,.keyevent-detail-insights-card .card-header .insights-info .insights-details .insights-subtitle{font-size:12px}.keyevent-detail-basic-card .main-metrics-area,.keyevent-detail-comparison-card .main-metrics-area,.keyevent-detail-insights-card .main-metrics-area{padding:16px}.keyevent-detail-basic-card .main-metrics-area .big-number .number,.keyevent-detail-comparison-card .main-metrics-area .big-number .number,.keyevent-detail-insights-card .main-metrics-area .big-number .number{font-size:28px}.keyevent-detail-basic-card .comparison-data-area,.keyevent-detail-basic-card .insights-content,.keyevent-detail-comparison-card .comparison-data-area,.keyevent-detail-comparison-card .insights-content,.keyevent-detail-insights-card .comparison-data-area,.keyevent-detail-insights-card .insights-content{padding:16px}}.keyevent-detail-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media screen and (max-width: 768px){.keyevent-detail-basic-grid{grid-template-columns:1fr;gap:16px}}.keyevent-detail-left-column{display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 768px){.keyevent-detail-left-column{gap:16px}}.keyevent-detail-card-container{position:relative;min-height:180px}@media screen and (max-width: 768px){.keyevent-detail-card-container{min-height:160px}}.keyevent-detail-right-column,.keyevent-detail-data-area{position:relative}.keyevent-detail-graph-container{position:relative;min-height:300px}@media screen and (max-width: 768px){.keyevent-detail-graph-container{min-height:250px}}.keyevent-detail-table-container{position:relative;min-height:200px}@media screen and (max-width: 768px){.keyevent-detail-table-container{min-height:150px}}.keyevent-detail-placeholder-area{min-height:200px;position:relative}@media screen and (max-width: 768px){.keyevent-detail-placeholder-area{min-height:150px}}.keyevent-detail-placeholder-text{text-align:center;margin-top:80px;color:#999;font-size:16px;line-height:1.6}@media screen and (max-width: 768px){.keyevent-detail-placeholder-text{margin-top:60px;font-size:14px}}.keyevent-traffic-analysis-section .keyevent-detail-data-area{min-height:230px}.traffic-card .card-comparison,.referer-card .card-comparison{margin-top:8px;padding-top:8px;border-top:1px solid #e9ecef;font-size:12px}.traffic-card .card-comparison .comparison-text,.referer-card .card-comparison .comparison-text{color:#6c757d;margin-right:4px}.traffic-card .card-comparison .comparison-value,.referer-card .card-comparison .comparison-value{font-weight:600}.traffic-card .card-comparison .comparison-value.up,.referer-card .card-comparison .comparison-value.up{color:#28a745}.traffic-card .card-comparison .comparison-value.down,.referer-card .card-comparison .comparison-value.down{color:#dc3545}.traffic-card .card-comparison .comparison-value.flat,.referer-card .card-comparison .comparison-value.flat{color:#6c757d}.traffic-card .card-comparison .comparison-value i,.referer-card .card-comparison .comparison-value i{margin-right:2px;font-size:10px}.referer-card .referer-name{word-break:break-word;line-height:1.3;display:block}.referer-card .referer-medium{margin-top:6px;text-align:center}.referer-card .referer-medium .medium-label{background-color:#f8f9fa;color:#495057;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:500;text-transform:uppercase}.referer-card.referer-card-long .card-title{font-size:12px}.referer-card.referer-card-long .referer-name{font-size:11px}.no-data-message{text-align:center;padding:40px 20px;color:#6c757d}.no-data-message i{font-size:48px;margin-bottom:16px;color:#dee2e6}.no-data-message p{font-size:16px;font-weight:500;margin-bottom:8px;color:#495057}.no-data-message small{font-size:13px;color:#6c757d;line-height:1.4}.table-container .keyevent-detail-data-area{background-color:#fff;border-radius:6px;overflow:hidden}.table-container .keyevent-detail-data-area .dataTables_wrapper .dataTables_length,.table-container .keyevent-detail-data-area .dataTables_wrapper .dataTables_filter,.table-container .keyevent-detail-data-area .dataTables_wrapper .dataTables_info,.table-container .keyevent-detail-data-area .dataTables_wrapper .dataTables_paginate{padding:8px 12px}.table-container .keyevent-detail-data-area table{margin:0}.table-container .keyevent-detail-data-area table th{background-color:#f8f9fa;font-weight:600;color:#495057;border-bottom:2px solid #e9ecef}.table-container .keyevent-detail-data-area table td{padding:12px;border-bottom:1px solid #f1f3f4}.table-container .keyevent-detail-data-area table td:last-child{text-align:right}.table-container .keyevent-detail-data-area table tr:hover{background-color:#f8f9fa}@media screen and (max-width: 768px){.traffic-card .card-metrics .primary-metric .metric-value,.referer-card .card-metrics .primary-metric .metric-value{font-size:20px}.traffic-card .card-metrics .secondary-metric .percentage-value,.referer-card .card-metrics .secondary-metric .percentage-value{font-size:14px}.traffic-card .card-comparison,.referer-card .card-comparison{font-size:11px}.traffic-card .card-comparison .comparison-value,.referer-card .card-comparison .comparison-value{display:block;margin-top:2px}.referer-card .referer-name{font-size:12px}.referer-card.referer-card-long .referer-name{font-size:11px}.no-data-message{padding:30px 15px}.no-data-message i{font-size:36px;margin-bottom:12px}.no-data-message p{font-size:14px}.no-data-message small{font-size:12px}}.seo-analysis__performance-summary{text-align:center;padding:25px;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;position:relative;overflow:hidden}.seo-analysis__performance-summary--excellent{border:2px solid #4caf50;box-shadow:0 4px 20px #00000014,0 0 0 1px #4caf5020}.seo-analysis__performance-summary--good{border:2px solid #2196f3;box-shadow:0 4px 20px #00000014,0 0 0 1px #2196f320}.seo-analysis__performance-summary--fair{border:2px solid #ff9800;box-shadow:0 4px 20px #00000014,0 0 0 1px #ff980020}.seo-analysis__performance-summary--poor{border:2px solid #f44336;box-shadow:0 4px 20px #00000014,0 0 0 1px #f4433620}.seo-analysis__accent-bar{position:absolute;top:0;left:0;right:0;height:6px}.seo-analysis__accent-bar--excellent{background:#4caf50}.seo-analysis__accent-bar--good{background:#2196f3}.seo-analysis__accent-bar--fair{background:#ff9800}.seo-analysis__accent-bar--poor{background:#f44336}.seo-analysis__performance-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:20px;margin-top:10px}.seo-analysis__performance-icon--excellent{background:rgba(76,175,80,.062745098);border:3px solid #4caf50;color:#4caf50}.seo-analysis__performance-icon--good{background:rgba(33,150,243,.062745098);border:3px solid #2196f3;color:#2196f3}.seo-analysis__performance-icon--fair{background:rgba(255,152,0,.062745098);border:3px solid #ff9800;color:#ff9800}.seo-analysis__performance-icon--poor{background:rgba(244,67,54,.062745098);border:3px solid #f44336;color:#f44336}.seo-analysis__performance-icon i{font-size:32px}.seo-analysis__performance-text{margin:0;font-size:24px;font-weight:700}.seo-analysis__performance-text--excellent{color:#4caf50}.seo-analysis__performance-text--good{color:#2196f3}.seo-analysis__performance-text--fair{color:#ff9800}.seo-analysis__performance-text--poor{color:#f44336}.seo-analysis__performance-description{margin:12px 0 0;font-size:14px;color:#6c757d}.seo-analysis__decorative-dots{position:absolute;bottom:15px;left:50%;transform:translate(-50%);display:flex;gap:8px}.seo-analysis__decorative-dots__dot{width:8px;height:8px;border-radius:50%}.seo-analysis__decorative-dots__dot--excellent:nth-child(1){background:rgba(76,175,80,.1882352941)}.seo-analysis__decorative-dots__dot--excellent:nth-child(2){background:rgba(76,175,80,.3137254902)}.seo-analysis__decorative-dots__dot--excellent:nth-child(3){background:rgba(76,175,80,.4392156863)}.seo-analysis__decorative-dots__dot--good:nth-child(1){background:rgba(33,150,243,.1882352941)}.seo-analysis__decorative-dots__dot--good:nth-child(2){background:rgba(33,150,243,.3137254902)}.seo-analysis__decorative-dots__dot--good:nth-child(3){background:rgba(33,150,243,.4392156863)}.seo-analysis__decorative-dots__dot--fair:nth-child(1){background:rgba(255,152,0,.1882352941)}.seo-analysis__decorative-dots__dot--fair:nth-child(2){background:rgba(255,152,0,.3137254902)}.seo-analysis__decorative-dots__dot--fair:nth-child(3){background:rgba(255,152,0,.4392156863)}.seo-analysis__decorative-dots__dot--poor:nth-child(1){background:rgba(244,67,54,.1882352941)}.seo-analysis__decorative-dots__dot--poor:nth-child(2){background:rgba(244,67,54,.3137254902)}.seo-analysis__decorative-dots__dot--poor:nth-child(3){background:rgba(244,67,54,.4392156863)}.seo-analysis__metrics-card{min-height:200px;background:#fff;box-shadow:0 8px 32px #00000014;border-radius:16px;border:1px solid rgba(0,0,0,.04);transition:all .3s ease;position:relative;overflow:hidden}.seo-analysis__metrics-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001f}.seo-analysis__card-accent{position:absolute;top:0;left:0;right:0;height:4px}.seo-analysis__card-accent--clicks{background:linear-gradient(135deg,#1e88e5,#42a5f5)}.seo-analysis__card-accent--impressions{background:linear-gradient(135deg,#ff7043,#ff8a65)}.seo-analysis__card-accent--ctr{background:linear-gradient(135deg,#42a5f5,#64b5f6)}.seo-analysis__card-accent--position{background:linear-gradient(135deg,#ffa000,#ffb74d)}.seo-analysis__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-top:8px}.seo-analysis__card-header__left{display:flex;align-items:center}.seo-analysis__card-header__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;margin-right:12px;color:#fff;font-size:20px}.seo-analysis__card-header__icon--clicks{background:linear-gradient(135deg,#1e88e5,#42a5f5)}.seo-analysis__card-header__icon--impressions{background:linear-gradient(135deg,#ff7043,#ff8a65)}.seo-analysis__card-header__icon--ctr{background:linear-gradient(135deg,#42a5f5,#64b5f6)}.seo-analysis__card-header__icon--position{background:linear-gradient(135deg,#ffa000,#ffb74d)}.seo-analysis__card-header__title{margin:0;font-size:16px;font-weight:600;color:#2c3e50}.seo-analysis__main-value{text-align:center;margin-bottom:20px}.seo-analysis__main-value__number{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.seo-analysis__main-value__number--clicks{color:#1e88e5;background:linear-gradient(135deg,#1e88e5,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.seo-analysis__main-value__number--impressions{color:#ff7043;background:linear-gradient(135deg,#ff7043,#ff8a65);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.seo-analysis__main-value__number--ctr{color:#42a5f5;background:linear-gradient(135deg,#42a5f5,#64b5f6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.seo-analysis__main-value__number--position{color:#ffa000;background:linear-gradient(135deg,#ffa000,#ffb74d);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.seo-analysis__main-value__unit{font-size:14px;color:#7c8088;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.seo-analysis__performance-badge{text-align:center;margin-bottom:16px}.seo-analysis__performance-badge__item{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.seo-analysis__performance-badge__item i{margin-right:4px}.seo-analysis__performance-badge__item--excellent{background:rgba(46,125,50,.1);color:#2e7d32}.seo-analysis__performance-badge__item--good{background:rgba(245,124,0,.1);color:#f57c00}.seo-analysis__performance-badge__item--fair{background:rgba(25,118,210,.1);color:#1976d2}.seo-analysis__performance-badge__item--poor{background:rgba(211,47,47,.1);color:#d32f2f}.seo-analysis__comparison-data{margin-top:12px;padding:8px 0;border-top:1px solid #e9ecef}.seo-analysis__comparison-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:12px}.seo-analysis__comparison-item:last-child{margin-bottom:0}.seo-analysis__comparison-label{color:#6c757d;font-weight:500}.seo-analysis__comparison-value{font-weight:600}.seo-analysis__comparison-value.positive{color:#28a745}.seo-analysis__comparison-value.negative{color:#dc3545}.seo-analysis__comparison-value.neutral{color:#6c757d}.seo-analysis__detailed-evaluation{margin-top:10px;padding:8px 0;border-top:1px solid #e9ecef}.seo-analysis__evaluation-breakdown{display:flex;flex-direction:column;gap:6px}.seo-analysis__evaluation-item{display:flex;justify-content:space-between;align-items:center;font-size:11px}.seo-analysis__evaluation-label{color:#6c757d;font-weight:500}.seo-analysis__evaluation-badge{padding:2px 6px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.seo-analysis__evaluation-badge--excellent{background-color:#d4edda;color:#155724}.seo-analysis__evaluation-badge--good{background-color:#cce5ff;color:#0c4a80}.seo-analysis__evaluation-badge--fair{background-color:#fff3cd;color:#856404}.seo-analysis__evaluation-badge--poor{background-color:#f8d7da;color:#721c24}.seo-analysis__improvement-hint{padding:12px 16px;background:rgba(248,249,250,.8);border-radius:12px;font-size:12px;color:#5a6c7d;line-height:1.5}.seo-analysis__improvement-hint i{margin-right:6px}.seo-analysis__improvement-hint strong{font-weight:600}.seo-analysis__evaluation{padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.seo-analysis__evaluation__title{margin:0 0 15px;color:#495057;font-size:18px;font-weight:600}.seo-analysis__evaluation__content{padding:15px;border-radius:8px}.seo-analysis__evaluation__content--excellent{background:#d4edda;color:#155724}.seo-analysis__evaluation__content--good{background:#cce5ff;color:#0c4a80}.seo-analysis__evaluation__content--fair{background:#fff3cd;color:#856404}.seo-analysis__evaluation__content--poor{background:#f8d7da;color:#721c24}.seo-analysis__evaluation__content p{margin:0;font-size:14px}.seo-analysis__evaluation__content p:first-child{font-weight:700;margin-bottom:10px}.seo-analysis__evaluation__note{margin-top:15px;font-size:12px;color:#6c757d}.seo-analysis__page-header{display:flex;justify-content:flex-end;align-items:center}.seo-analysis__container{position:relative}.seo-analysis__container--basic-metrics{min-height:300px}.seo-analysis__container--timeline-graph{min-height:400px}.seo-analysis__container--timeline-table{min-height:200px}.seo-analysis__container--keyword-graph{min-height:300px}.seo-analysis__container--keyword-table{min-height:200px}.seo-analysis__container--keyword-list{min-height:400px}.seo-analysis__container--bubble-chart{min-height:600px;border:1px solid #e0e0e0;border-radius:8px}.seo-analysis__container--page-table{min-height:400px}.seo-analysis__container--improvement-table{min-height:250px}.seo-analysis__bubble-section__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.seo-analysis__bubble-section__title{margin-bottom:0}.seo-analysis__bubble-section__controls{display:flex;gap:10px;align-items:center}.seo-analysis__bubble-section__reset-btn{display:none}.seo-analysis__bubble-section__insights{margin-top:20px}.seo-analysis__bubble-section__insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.seo-analysis__bubble-section__legend{padding:15px;background-color:#f8f9fa;border-radius:8px}.seo-analysis__bubble-section__legend__title{margin-bottom:15px;font-weight:700;color:#333}.seo-analysis__bubble-section__legend__items{display:flex;flex-direction:column;gap:10px}.seo-analysis__bubble-section__legend__item{display:flex;align-items:center;gap:8px;font-size:14px}.seo-analysis__bubble-section__legend__dot{width:14px;height:14px;border-radius:50%}.seo-analysis__bubble-section__legend__dot--good{background-color:#4caf50}.seo-analysis__bubble-section__legend__dot--poor{background-color:#f44336}.seo-analysis__bubble-section__legend__line{border:2px dotted #2196f3;background-color:#0000;height:2px;width:20px}.seo-analysis__bubble-section__tips{padding:15px;background-color:#fff3cd;border-radius:8px}.seo-analysis__bubble-section__tips__title{margin-bottom:15px;font-weight:700;color:#856404}.seo-analysis__bubble-section__tips__list{margin:0;padding-left:20px;font-size:14px;color:#856404}.seo-analysis__bubble-section__tips__item{margin-bottom:5px}.seo-analysis__bubble-section__tips__item:last-child{margin-bottom:0}.login{display:flex;align-content:center;justify-content:center;align-items:center;justify-items:center;height:95vh}.login_box{background-color:#fff;border-radius:10px;padding:40px;width:400px;height:max-content}.login_logo{margin-bottom:40px}.start_box{display:grid;place-items:center;min-height:calc(100svh - 100px);padding:60px 40px;font-size:2rem}.start_box>div>*+*{margin-top:40px}.start_header{background-color:#fff;height:100px;padding:25px}.start_header_logo{width:280px;height:50px}.start_title{text-align:center;font-size:3rem;font-weight:700}.start_text{text-align:center}.start_list{background-color:#fff;padding:30px;border-radius:10px}.start_list li:before{content:"・"}.start_list li+li{margin-top:10px}.start_card_wrap{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:0 80px;align-items:start}.start_card_wrap.is-branch:before{content:"";width:100%;height:120px;background:url(/build/common/css/branch.svg) no-repeat center/contain;grid-column:1/3}.start_card{background-color:#fff;padding:40px 30px;border-radius:10px;width:fit-content;margin:0 auto}.start_card>*+*{margin-top:40px}.start_card h2{font-size:2.4rem;text-align:center}.start_card img{max-width:600px}.start_card .form-group{min-width:800px}.start_link{font-weight:700;text-align:center}.start_btn{text-align:center;border-radius:6px;background-color:#fff;color:#3d64cb!important;font-size:1.6rem;font-weight:700;padding:10px 20px;display:block;width:100%;max-width:300px;border:2px solid #3d64cb;margin:20px auto 0}.start_step{background-color:#4e988f;color:#fff;padding:10px 20px;border-radius:30px;font-weight:700;min-width:200px;width:fit-content;text-align:center;margin:auto}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.popular-pages-container .popular-page-item{display:flex;align-items:center;flex-wrap:nowrap;padding:10px 0;border-bottom:1px solid #eee}.popular-pages-container .page-rank{flex:0 0 auto;margin-right:15px}.popular-pages-container .page-info{flex:1 1 50%;margin-right:10px;overflow:hidden}.popular-pages-container .page-metrics{flex:0 0 auto;width:auto;max-width:160px;text-align:right}.popular-pages-container .page-views .metric-value{font-size:16px;font-weight:600}.popular-pages-container .unit{font-size:12px;color:#666}.popular-pages-container .comparison-data{font-size:11px}.popular-pages-container .comparison-item{text-align:right;white-space:nowrap;display:flex;justify-content:flex-end;align-items:center;margin-top:3px}.popular-pages-container .comparison-label{display:inline-block;width:42px;text-align:right;margin-right:5px}.popular-pages-container .comparison-value{display:inline-block}.popular-pages-container .page-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;font-weight:700}.popular-pages-container .page-url{display:block;font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.popular-pages-container a{color:#1e88e5;text-decoration:none}.popular-pages-container a:hover{text-decoration:underline}.ranking-pages-container .ranking-page-item{padding:15px 0;border-bottom:1px solid #eee;display:flex;flex-direction:column}.ranking-pages-container .ranking-page-item:hover{background-color:#1e88e50d}.ranking-pages-container .page-item-top{display:flex;margin-bottom:12px;flex-grow:0}.ranking-pages-container .page-rank{flex:0 0 auto;margin-right:15px;background-color:#0000!important;display:inline-flex;justify-content:center;align-items:flex-start;width:auto;height:auto;padding-top:3px}.ranking-pages-container .rank-badge{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;font-weight:700;font-size:16px}.ranking-pages-container .page-info-main{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}.ranking-pages-container .page-item-bottom{display:flex;flex-wrap:wrap;margin-left:45px;gap:8px;margin-top:0}.ranking-pages-container .page-pv-container{flex:0 0 auto;min-width:100px;text-align:right}.ranking-pages-container .page-compare-container{flex:0 0 auto;min-width:170px}.ranking-pages-container .page-engagement-container{flex:1 1 auto;min-width:150px;max-width:300px}.ranking-pages-container .page-views .metric-value{font-size:28px;font-weight:600}.ranking-pages-container .unit{font-size:12px;color:#666}.ranking-pages-container .comparison-data{font-size:12px}.ranking-pages-container .comparison-item{text-align:left;white-space:nowrap;display:flex;align-items:center;margin-top:3px}.ranking-pages-container .comparison-label{display:inline-block;width:42px;text-align:right;margin-right:5px}.ranking-pages-container .comparison-value{display:inline-block}.ranking-pages-container .page-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em;font-weight:700;margin-bottom:5px;height:2.8em}.ranking-pages-container .page-url{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#666;line-height:1.4;max-height:4.2em}.ranking-pages-container .stats-engagement{margin-top:0}.ranking-pages-container .engagement-label{font-size:12px;color:#666;margin-bottom:2px}.ranking-pages-container a{color:#1e88e5;text-decoration:none}.ranking-pages-container a:hover{text-decoration:underline}@media (max-width: 768px){.ranking-pages-container .page-item-bottom{flex-direction:column;gap:10px}.ranking-pages-container .page-pv-container,.ranking-pages-container .page-compare-container,.ranking-pages-container .page-engagement-container{flex:1 1 100%;margin-right:0;min-width:100%;max-width:100%}}.traffic-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.traffic-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease;min-height:90px}.traffic-card:hover{box-shadow:0 2px 8px #0000001a}.card-header{display:flex;align-items:center;gap:12px}.card-accent{width:4px;height:32px;border-radius:2px;flex-shrink:0}.card-title{font-size:13px;font-weight:600;color:#333;line-height:1.3;display:flex;align-items:center;gap:6px;flex:1}.card-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-left:16px;margin-bottom:6px}.primary-metric{display:flex;align-items:baseline;gap:4px}.percentage-metric{text-align:right}.percentage-value{font-size:14px;font-weight:600;color:#333}.card-comparison{display:flex;gap:8px;margin-left:16px;padding-top:6px;border-top:1px solid #f0f0f0}.traffic-table .source-name-container{display:flex!important;align-items:center!important;gap:10px!important;flex-direction:row!important;white-space:nowrap!important;width:100%!important}.traffic-table .source-name-container *{display:inline-block!important}.traffic-table .traffic-source-icon{width:16px!important;height:16px!important;border-radius:3px!important;display:inline-block!important;flex-shrink:0!important;min-width:16px!important;vertical-align:middle!important}.traffic-table .source-name{flex:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:inline-block!important;vertical-align:middle!important;line-height:16px!important}.traffic-table td:first-child{padding:8px 12px!important}.timeline-table-container{width:100%;overflow-x:auto;overflow-y:visible;background:#fff;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.timeline-table-container::-webkit-scrollbar{height:8px}.timeline-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.timeline-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.timeline-table-container::-webkit-scrollbar-thumb:hover{background:#555}.traffic-analysis-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.graph-area{display:flex;flex-direction:column;justify-content:center;min-height:350px;min-width:400px}.cards-area{display:flex;flex-direction:column;min-height:auto;border:1px solid #e0e0e0;border-radius:8px;padding:12px;background:#fafafa}.graph-container--summary{height:350px;width:100%;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.traffic-cards-container{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.traffic-cards-container{grid-template-columns:1fr;gap:8px}.traffic-card{padding:12px;min-height:100px}.card-title{font-size:12px}.metric-value{font-size:18px!important}.percentage-value{font-size:14px}.card-metrics{flex-direction:column;align-items:flex-start;gap:6px}.percentage-metric{text-align:left}.card-comparison{flex-direction:column;gap:6px}.traffic-analysis-layout{grid-template-columns:1fr;gap:16px}.graph-area{order:1;min-width:auto;min-height:300px}.cards-area{order:2}.timeline-table{font-size:12px}.timeline-table th,.timeline-table td{padding:4px 2px}.timeline-table .metrics-comparison-container{font-size:10px;gap:4px}}.device-timeline-section,.device-summary-section{margin-bottom:40px}.device-summary-section .device-graph-container,.device-summary-section .device-table-container{position:relative;min-height:350px}.device-mobile .device-icon{color:var(--device-mobile-color, #1E88E5)}.device-desktop .device-icon{color:var(--device-desktop-color, #FF5722)}.device-tablet .device-icon{color:var(--device-tablet-color, #7E57C2)}.device-smart-tv .device-icon{color:var(--device-smart-tv-color, #2E7D32)}@media screen and (max-width: 1200px){.device-summary-section .l-col_wrap{grid-template-columns:1fr}.device-summary-section .l-col_wrap .cmn-card{grid-column:1}}.gender-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.gender-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease;min-height:90px}.gender-card:hover{box-shadow:0 2px 8px #0000001a}.gender-card .card-header{display:flex;align-items:center;gap:12px}.gender-card .card-header .card-accent{width:4px;height:32px;border-radius:2px;flex-shrink:0}.gender-card .card-header .card-title{font-size:13px;font-weight:600;color:#333;line-height:1.3;display:flex;align-items:center;gap:6px;flex:1}.gender-card .card-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-left:16px;margin-bottom:6px}.gender-card .card-metrics .primary-metric{display:flex;align-items:baseline;gap:4px}.gender-card .card-metrics .primary-metric .metric-value{font-size:18px;font-weight:700;color:#333;line-height:1}.gender-card .card-metrics .primary-metric .metric-unit{font-size:13px;color:#666;font-weight:500}.gender-timeline-section,.gender-summary-section{margin-bottom:40px}.gender-summary-section .gender-graph-container,.gender-summary-section .gender-table-container{position:relative;min-height:350px}.gender-male .gender-icon{color:var(--gender-male-color, #1E88E5)}.gender-female .gender-icon{color:var(--gender-female-color, #EC407A)}@media screen and (max-width: 1200px){.gender-summary-section .l-col_wrap{grid-template-columns:1fr}.gender-summary-section .l-col_wrap .cmn-card{grid-column:1}}@media (max-width: 1024px){.gender-cards-container{grid-template-columns:1fr;gap:12px}}@media screen and (max-width: 768px){.gender-cards-container{gap:8px}.gender-card .card-header{padding:10px 12px}.gender-card .card-header .card-title{font-size:13px}.gender-card .card-metrics{padding:12px}.gender-card .card-metrics .primary-metric .metric-value{font-size:16px}.gender-card .card-metrics .primary-metric .metric-unit{font-size:12px}}@media screen and (max-width: 480px){.gender-cards-container{gap:6px}.gender-card .card-header .card-accent{width:3px;height:24px}.gender-card .card-metrics .primary-metric .metric-value{font-size:14px}}.age-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%}.age-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease;min-height:90px}.age-card:hover{box-shadow:0 2px 8px #0000001a}.age-card .card-header{display:flex;align-items:center;gap:12px}.age-card .card-header .card-accent{width:4px;height:32px;border-radius:2px;flex-shrink:0}.age-card .card-header .card-title{font-size:13px;font-weight:600;color:#333;line-height:1.3;display:flex;align-items:center;gap:6px;flex:1}.age-card .card-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-left:16px;margin-bottom:6px}.age-card .card-metrics .primary-metric{display:flex;align-items:baseline;gap:4px}.age-card .card-metrics .primary-metric .metric-value{font-size:18px;font-weight:700;color:#333;line-height:1}.age-card .card-metrics .primary-metric .metric-unit{font-size:13px;color:#666;font-weight:500}@media (max-width: 1024px){.age-cards-container{grid-template-columns:repeat(2,1fr);gap:12px}}@media screen and (max-width: 768px){.age-cards-container{grid-template-columns:1fr;gap:8px}}.visitor-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.visitor-card{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:12px;position:relative;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s ease;min-height:90px}.visitor-card:hover{box-shadow:0 2px 8px #0000001a}.visitor-card .card-header{display:flex;align-items:center;gap:12px}.visitor-card .card-header .card-accent{width:4px;height:32px;border-radius:2px;flex-shrink:0}.visitor-card .card-header .card-title{font-size:13px;font-weight:600;color:#333;line-height:1.3;display:flex;align-items:center;gap:6px;flex:1}.visitor-card .card-metrics{display:flex;align-items:baseline;justify-content:space-between;margin-left:16px;margin-bottom:6px}.visitor-card .card-metrics .primary-metric{display:flex;align-items:baseline;gap:4px}.visitor-card .card-metrics .primary-metric .metric-value{font-size:18px;font-weight:700;color:#333;line-height:1}.visitor-card .card-metrics .primary-metric .metric-unit{font-size:13px;color:#666;font-weight:500}.visitor-timeline-section,.visitor-summary-section{margin-bottom:40px}.visitor-summary-section .visitor-graph-container,.visitor-summary-section .visitor-table-container{position:relative;min-height:350px}.visitor-new .visitor-icon{color:var(--visitor-new-color, #1E88E5)}.visitor-returning .visitor-icon{color:var(--visitor-returning-color, #FF5722)}@media (max-width: 1024px){.visitor-cards-container{grid-template-columns:1fr;gap:12px}}@media screen and (max-width: 768px){.visitor-cards-container{gap:8px}.visitor-card .card-header{padding:10px 12px}.visitor-card .card-header .card-title{font-size:13px}.visitor-card .card-metrics{padding:12px}.visitor-card .card-metrics .primary-metric .metric-value{font-size:16px}.visitor-card .card-metrics .primary-metric .metric-unit{font-size:12px}}@media screen and (max-width: 480px){.visitor-cards-container{gap:6px}.visitor-card .card-header .card-accent{width:3px;height:24px}.visitor-card .card-metrics .primary-metric .metric-value{font-size:14px}}#prefecture_summary-table .summary-table .icon-cell,#prefecture_summary-table .device-summary-table .icon-cell,#prefecture_summary-table .gender-summary-table .icon-cell,#prefecture_summary-table .visitor-summary-table .icon-cell,#city_summary-table .summary-table .icon-cell,#city_summary-table .device-summary-table .icon-cell,#city_summary-table .gender-summary-table .icon-cell,#city_summary-table .visitor-summary-table .icon-cell{display:flex;align-items:center;gap:6px}#prefecture_summary-table .summary-table .prefecture-flag,#prefecture_summary-table .device-summary-table .prefecture-flag,#prefecture_summary-table .gender-summary-table .prefecture-flag,#prefecture_summary-table .visitor-summary-table .prefecture-flag,#city_summary-table .summary-table .prefecture-flag,#city_summary-table .device-summary-table .prefecture-flag,#city_summary-table .gender-summary-table .prefecture-flag,#city_summary-table .visitor-summary-table .prefecture-flag{width:24px;height:24px;min-width:24px;min-height:24px;object-fit:contain}#country_summary-table .summary-table .icon-cell,#country_summary-table .device-summary-table .icon-cell,#country_summary-table .gender-summary-table .icon-cell,#country_summary-table .visitor-summary-table .icon-cell{display:flex;align-items:center;gap:6px}#country_summary-table .summary-table .fi,#country_summary-table .device-summary-table .fi,#country_summary-table .gender-summary-table .fi,#country_summary-table .visitor-summary-table .fi{width:24px;height:24px;min-width:24px;min-height:24px;object-fit:contain}