/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */*{box-sizing:border-box}a{text-decoration:none}a,a:hover{transition:all .3s}a:hover{cursor:pointer}li{list-style-type:none}button{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none}.sp,.sp_only,.tb{display:none}.pc,.pc_only,.sp_only_none{display:block}.center{text-align:center}.left{text-align:left}.right{text-align:right}.text-light{font-weight:300}.text-bold{font-weight:700}@media (max-width:1024px){.pc_only{display:none}.tb{display:block}}@media (max-width:768px){.pc,.tb{display:none}.sp{display:block}}@media (max-width:479px){.sp_only_none{display:none}.sp_only{display:block}}.flex,.flexacjbe{display:flex}.flexacjbe{justify-content:space-between;align-items:center}.flexwrap,.flexwrapac{flex-wrap:wrap;display:flex}.flexwrapac{align-items:center}.flexwrapjc{justify-content:center}.flexwrapjbe,.flexwrapjc{flex-wrap:wrap;display:flex}.flexwrapjbe{justify-content:space-between}.flexac{align-items:center;display:flex}.flexas{align-items:flex-start;display:flex}.flexae{align-items:flex-end;display:flex}.flexwrapacjc{justify-content:center}.flexwrapacjbe,.flexwrapacjc{flex-wrap:wrap;align-items:center;display:flex}.flexwrapacjbe{justify-content:space-between}:root{--text_clr:#777;--base_clr:#2aab9f;--sidebar-width:265px;--alert-color:#ef4444}@media (max-width:1500px){:root{--sidebar-width:235px}.sidebar_area{padding:35px 30px}}body{color:var(--text_clr);font-weight:400}.base_clr{color:var(--primary-color)}.page_main{margin-left:var(--sidebar-width);padding:60px 0}.container{width:100%;max-width:1400px;margin:0 auto}@media (max-width:1600px){.container{width:94%}}@media (max-width:1440px){:root{--sidebar-width:220px}.container{width:95%}.page_main{margin-left:var(--sidebar-width)}}@media (max-width:1366px){:root{--sidebar-width:210px}.container{width:96%}.page_main{margin-left:var(--sidebar-width)}}@media (max-width:1280px){.basic_btn{padding:4px 10px}.container{width:97%}:root{--sidebar-width:190px}.page_main{margin-left:var(--sidebar-width);padding:50px 0}}.delete_btn{font-size:.875rem;font-weight:500}.public_btn{color:var(--text_clr);gap:0 10px;font-size:.95rem;font-weight:500}.basic_btn{text-align:center;background-color:var(--primary-color);color:#fff;letter-spacing:1px;letter-spacing:.18em;border-radius:5px;min-width:90px;padding:10px 15px;font-size:.8125rem;font-weight:500;transition:all .3s}.basic_btn.head_btn{padding:4px 12px}.btn .basic_btn,.page_title_area .basic_btn{min-width:auto;padding:4px 12px;display:inline-block}.basic_btn:hover{opacity:.7}.text-link{color:var(--base_clr);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.text-link:hover{opacity:.7}.basic_btn.bg,.basic_btn.primary{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}.basic_btn.bg:hover,.basic_btn.primary:hover{background-color:var(--primary-color-dark,var(--primary-color))}@supports (color:color-mix(in lab,red,red)){.basic_btn.bg:hover,.basic_btn.primary:hover{background-color:var(--primary-color-dark,color-mix(in srgb,var(--primary-color)80%,#000))}}.basic_btn.btn-disabled:hover{background-color:var(--primary-color);opacity:.5}.basic_btn.delete{color:#fff;background-color:#444;border-color:#444}.basic_btn.delete:hover{opacity:.6}.basic_btn.cancel{color:#374151;background-color:#ebebeb;border-color:#ebebeb}.basic_btn.cancel:hover{background-color:#9ca3af}.basic_btn.outline{color:var(--primary-color);border:1px solid var(--primary-color);background-color:#0000}.basic_btn.outline:hover{background-color:#0000000d}.error{color:#b91c1c;background-color:#fee2e2;border:1px solid #f87171;border-radius:6px}.error,.success{margin-bottom:16px;padding:12px 16px}.success{color:#15803d;background-color:#dcfce7;border:1px solid #4ade80;border-radius:6px}.sidebar_area{background-color:var(--sidebar-bg);width:var(--sidebar-width);scrollbar-width:none;-ms-overflow-style:none;z-index:9999;flex-direction:column;justify-content:space-between;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0;overflow:visible auto}.sidebar_area::-webkit-scrollbar{display:none}.sidebar_area .sidebar_logo_area{margin-bottom:20px}.project_name{padding:10px 0 0}.sidebar_area .sidebar_menu{margin-bottom:30px}.sidebar_area .sidebar_menu li a{color:#3f3000;padding:12px 0;font-size:.95rem;display:block}.sidebar_area .sidebar_menu li a.active{font-weight:700;text-decoration:underline}.sidebar_area .sidebar_data_area{margin-bottom:20px}@media (max-width:1600px){.sidebar_area .sidebar_menu li a{padding:11px 0}}@media (max-width:1440px){.sidebar_area .sidebar_menu li a{padding:10.5px 0}}@media (max-width:1366px){.sidebar_area .sidebar_menu li a{padding:10px 0;font-size:.9rem}}@media (max-width:1280px){.sidebar_area .sidebar_menu li a{padding:9px 0;font-size:.85rem}.sidebar_area .sidebar_logo_area,.sidebar_area .sidebar_menu{margin-bottom:15px}}.hamburger_button{z-index:1001;cursor:pointer;border:none;border-radius:8px;width:44px;height:44px;padding:10px;transition:background-color .2s;display:none;position:fixed;top:20px;right:20px;box-shadow:0 2px 8px #00000026}.hamburger_button,.hamburger_button:hover{background-color:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.hamburger_button:hover{background-color:color-mix(in srgb,var(--primary-color)85%,#000)}}.staff_hamburger_button{display:none}.hamburger_icon{flex-direction:column;justify-content:space-between;width:24px;height:18px;display:flex}.hamburger_icon span{background-color:#fff;border-radius:1px;width:100%;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger_icon.open span:first-child{transform:translateY(8px)rotate(45deg)}.hamburger_icon.open span:nth-child(2){opacity:0}.hamburger_icon.open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.sidebar_wrapper{display:contents}.staff_sidebar_wrapper{display:none}.sidebar_overlay{z-index:999;opacity:1;visibility:visible;background-color:#00000080;position:fixed;inset:0}@media (max-width:1024px){.hamburger_button,.staff_hamburger_button{justify-content:center;align-items:center;display:flex}.sidebar_wrapper{z-index:1000!important;visibility:visible!important;opacity:1!important;background:#f2f4f1!important;width:280px!important;height:100vh!important;transition:left .3s!important;display:block!important;position:fixed!important;top:0!important;left:-280px!important;overflow:visible!important}.sidebar_wrapper.open{left:0!important}.staff_sidebar_wrapper{box-shadow:-2px 0 8px #0000001a;z-index:1000!important;visibility:visible!important;opacity:1!important;background:#fff!important;width:280px!important;height:100vh!important;transition:right .3s!important;display:block!important;position:fixed!important;top:0!important;left:auto!important;right:-280px!important;overflow:visible!important}.staff_sidebar_wrapper.open{left:auto!important;right:0!important}.sidebar_wrapper .sidebar_area{background:0 0;width:100%;height:100%;position:static;top:auto;left:auto;transform:none}.page_main{padding-top:80px;margin-left:0!important}}.header_area{align-items:center;margin-bottom:20px}.header_area--no-back{margin-bottom:65px}.header_area h1{align-items:center;gap:15px;display:flex}.page_title_area{gap:0 20px}.page_title_area h1{letter-spacing:5px;flex-shrink:0;min-width:200px;font-size:1.25rem;font-weight:600}.under_title_area{gap:0 8px;margin:0 0 40px}.under_title_area.sub{margin-bottom:30px}.under_title_area h1{letter-spacing:3px;white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;display:flex}.under_title_area .base_name{font-size:1.134rem;font-weight:700}.under_title_area .base_name span{text-align:center;border:2px solid;border-color:var(--text_clr);border-radius:5px;margin-right:10px;padding:2px 10px;font-size:.8rem}.under_title_area h2{letter-spacing:1px;font-size:1.2rem;font-weight:700}@media (max-width:1600px){.page_title_area h1{letter-spacing:4px;font-size:1.4rem}.under_title_area h2{font-size:1.15rem}}@media (max-width:1440px){.page_title_area h1{letter-spacing:3.5px;font-size:1.35rem}.under_title_area h2{font-size:1.1rem}}@media (max-width:1366px){.page_title_area h1{letter-spacing:3px;font-size:1.3rem}.under_title_area h1{font-size:1.1rem}.under_title_area h2{font-size:1.05rem}}@media (max-width:1280px){.page_title_area h1{letter-spacing:2px;font-size:1.2rem}.under_title_area h1,.under_title_area h2{font-size:1rem}.search_area>p{font-size:13px}}.under_title_area .left_area{align-items:center;gap:0 30px}.under_title_area .left_area>h2{margin:0;line-height:1.5}.under_title_area .left_area>.date_select{align-items:center;display:flex}.under_title_area .left_area>.result_area{align-items:center;margin:0;padding:0;display:flex}.under_title_area .left_area>.result_area .result_list{margin:0;padding-top:0}.under_title_area .left_area.wide{gap:0 100px}.under_title_area .btn_area button+button{margin-left:10px}.under_title_area .btn_area,.under_title_area .left_area{flex-wrap:wrap}.show_report_entries .btn_area{gap:15px}@media (max-width:1440px){.under_title_area.sub{flex-direction:column;align-items:stretch;gap:15px 20px}.under_title_area .left_area{gap:10px 15px}.under_title_area .left_area>h2{max-width:300px}.under_title_area.sub .left_area{justify-content:flex-start;width:100%;display:flex}.under_title_area.sub .left_area>.result_area{margin-right:0;margin-left:auto!important}.under_title_area.sub .btn_area{width:100%;margin-top:10px;display:flex;justify-content:flex-end!important}}@media (max-width:1280px){.under_title_area .left_area>h2{max-width:250px;font-size:.95rem}.under_title_area .left_area{gap:8px 12px}.under_title_area .btn_area .basic_btn{padding:8px 12px;font-size:.8rem}}.date_select img{vertical-align:middle;margin:0 10px}@media (max-width:1440px){.date{font-size:1rem}}.back_btn img{width:20px;height:17px;margin-right:10px}.user_area{flex-shrink:1;gap:0 30px;min-width:0}.user_area p{font-size:.8rem}.user_area .user_image{border-radius:50%;width:28px;height:28px}.user_area .user_name{text-overflow:ellipsis;white-space:nowrap;max-width:clamp(100px,15vw,200px);font-size:.875rem;overflow:hidden}.card_bottom_area .card_stats_row{justify-content:space-between;align-items:center;gap:15px;display:flex}@media (max-width:1480px){.card_bottom_area .card_stats_row{justify-content:flex-start}}@media (max-width:1300px){.card_bottom_area .card_stats_row{flex-flow:column wrap;align-items:flex-start}}.card_bottom_area .card_stats_row .result_area{border-top:none;flex:none;width:45%;margin-bottom:0;padding:0}@media screen and (max-width:1500px){.card_bottom_area .card_stats_row .result_area{width:40%}}@media screen and (max-width:1300px){.card_bottom_area .card_stats_row .result_area{width:100%}}.card_bottom_area .card_stats_row .onoff_area{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin:0 0 15px;display:flex}@media (max-width:1300px){.card_bottom_area .card_stats_row .onoff_area{justify-content:flex-start;width:100%}}.card_bottom_area .card_menu_row{justify-content:flex-end;display:flex}.sort_section{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:0;display:flex}.btn-custom-sort{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:.8125rem;font-weight:500;line-height:1.4;transition:background-color .2s;display:inline-flex}.btn-custom-sort:hover{opacity:.7}.btn-custom-sort.primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-custom-sort.cancel{color:#374151;background-color:#ebebeb}.btn-custom-sort.cancel:hover{opacity:.7}.btn-custom-sort:disabled{opacity:.4;cursor:not-allowed}.btn-custom-sort:disabled:hover{opacity:.4}.logout_btn{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px}.logout_btn:hover{opacity:.7}.user_area__left{align-items:center;gap:20px;min-width:0;display:flex}.back_btn{color:#555;cursor:pointer;border:none;border-radius:.375rem;align-items:center;gap:.5rem;font-size:.875rem;transition:background-color .2s;display:inline-flex}.back_btn:hover{opacity:.6}.box{background-color:var(--content-background-color);border:1px solid #ececfb;border-radius:8px;padding:30px;position:relative;box-shadow:0 10px 25px #d5cdcd80}.box.plan_usage{width:calc(50% - 20px)}.wrap_2{gap:40px}.wrap_2 .box{width:calc(50% - 20px)}@media (max-width:498px){.wrap_2 .box{width:100%}}.wrap_4{flex-wrap:wrap;gap:40px;display:flex}.wrap_4 .box{width:calc(25% - 30px)}@media (max-width:1200px){.wrap_4 .box{width:calc(33.3333% - 40px)}}@media (max-width:780px){.wrap_4 .box{width:calc(50% - 30px)}}@media (max-width:498px){.wrap_4 .box{width:100%}}.title_area{margin-bottom:20px}.title_area .title{flex:1;gap:0 30px;min-width:0}.title_area .title h2,.title_area .title h2>a{font-size:1.4286rem;font-weight:700;line-height:1.2}.title_area .title h2{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 130px);overflow:hidden}.title_area .title>a{transition:all .2s}.title_area .title h2 a:hover{color:var(--primary-color);text-decoration:underline}.title_area .title .sub{font-size:.75rem;font-weight:400}.user_num{font-size:.95rem;font-weight:700}.user_num img{vertical-align:middle;margin-right:10px}.user_num span{padding:0 5px}.user_icon{padding-left:40px;position:relative}.user_icon:before{content:"";background-color:#5e5e5e;width:28px;height:28px;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-mask-image:url(/images/user_icon.svg);mask-image:url(/images/user_icon.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.last_updated{font-size:.84rem}.last_updated_date{white-space:nowrap;font-size:.8rem;font-weight:500}.last_updated button{color:var(--primary-color);font-weight:500}.result_list{grid-template-columns:repeat(4,1fr);place-content:space-between;gap:30px;display:grid}.result_list--single{grid-template-columns:max-content;gap:0}@media (max-width:1680px){.result_list{gap:20px}}@media (max-width:1400px){.result_list{gap:20px}.result_list--single{grid-template-columns:max-content;gap:0}}.result_text{align-items:center;font-size:.9rem;display:flex}.result_text>button{display:flex}.result_text__label{white-space:nowrap;margin:0 0 10px;font-size:.8rem;font-weight:600}@media (max-width:1400px){.result_text__label{margin:0}}.result_text button{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:flex}@media (max-width:1600px){.result_text{font-size:.88rem}}.result_text,.result_text>button{flex-direction:column}@media (max-width:1366px){.result_text{font-size:.85rem}}@media (max-width:1280px){.result_text{font-size:.7rem}}.result_nums{align-items:baseline;gap:10px;display:flex}@media (max-width:1600px){.result_nums{width:60%}}.result_num{vertical-align:baseline;white-space:nowrap;align-items:end;gap:5px;font-size:1.65rem;font-weight:500;line-height:1;display:inline-flex}@media (max-width:1300px){.result_num{font-size:1.5rem}}.result_num.is_zero{color:#d1d5db}.result_num.has_value{color:#888}.result_num.has_value.alert_value{color:var(--alert-color,#ef4444)}.result_num>span{color:#616161;font-size:.7rem}.user_count_text{font-size:clamp(.64rem,.75vw,.9rem)}.user_count_wrapper{align-items:center;gap:20px;display:flex}.user_count_item{align-items:baseline;gap:8px;display:flex}.user_count_label{color:#374151;white-space:nowrap;font-size:clamp(.75rem,.85vw,1rem)}.user_count_item .result_num{font-size:clamp(1.2rem,1.5vw,1.8rem)}.user_count_unit{color:#6b7280;font-size:clamp(.75rem,.85vw,1rem);font-weight:500}.user_count_divider{color:#d1d5db;font-size:1.5rem;font-weight:300}@media (max-width:768px){.user_count_wrapper{gap:12px}.user_count_item{gap:4px}.user_count_divider{font-size:1.2rem}}.role-badge{white-space:nowrap;text-align:center;letter-spacing:.1em;border-radius:3px;padding:4px 8px;font-size:.72rem;display:inline-block}.user_table td.role{text-align:center;vertical-align:middle}.user_table th.role{text-align:center;width:140px}.role-admin{color:#92400e;background-color:#fef3c7;border:1px solid #fbbf24}.role-group-admin{color:#1e40af;background-color:#dbeafe;border:1px solid #60a5fa}.role-user{color:#374151;background-color:#f3f4f6;border:1px solid #d1d5db}.role-unknown{color:#991b1b;background-color:#fee2e2;border:1px solid #f87171}.onoff_area{gap:6px}.onoff_area p{font-size:.84rem;font-weight:700}.template_badge{white-space:nowrap;border:1px solid;border-radius:9999px;align-items:center;gap:4px;padding:5px 8px;font-size:clamp(.56rem,1.1vw,.64rem);font-weight:500;line-height:1;display:inline-flex}@media (max-width:1580px){.template_badge{gap:3px;padding:4px 6px}}.template_badge_icon,.template_badge_icon_placeholder{flex:none}.template_badge--active{background:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.template_badge--active{background:color-mix(in srgb,var(--primary-color)10%,#fff)}}.template_badge--active{border-color:var(--primary-color);color:var(--primary-color)}.template_badge--inactive{color:#9ca3af;background:#f3f4f6;border-color:#e5e7eb}.template_badge_icon,.template_badge_icon_placeholder{width:12px;height:12px}.setting_menu{gap:0 15px}.setting_menu button{font-size:.8rem;text-decoration:underline}@media (max-width:1440px){.setting_menu button{font-size:.6rem}}.info_area ul li+li{margin-top:20px}.info_area .info_date{width:18%}.info_area .info_title{width:42%}.info_area .info_member{text-align:center;width:10%}.table_wrap{overflow:auto}table.base_table{border-collapse:collapse;border:1px solid #ececfb;width:100%}table.base_table td,table.base_table th{white-space:nowrap;border-bottom:1px solid #ececfb;padding:10px}table.base_table .table_title th{background:linear-gradient(#eee,#fff)}table.base_table th{color:#644b00;text-align:left;height:65px;font-size:.675rem;font-weight:500;min-width:160px!important}table tbody tr{background-color:#fff}@media (max-width:1600px){table.base_table th{height:63px;padding:9px;font-size:.67rem;min-width:150px!important}table.base_table td{padding:9px;font-size:1.15rem}}@media (max-width:1440px){table.base_table th{height:62px;padding:8.5px;font-size:.66rem;min-width:145px!important}table.base_table td{padding:8.5px;font-size:1.12rem}}@media (max-width:1366px){table.base_table th{height:60px;padding:8px;font-size:.65rem;min-width:140px!important}table.base_table td{padding:8px;font-size:1.1rem}}@media (max-width:1280px){table.base_table th{height:55px;padding:7px;font-size:.6rem;min-width:120px!important}table.base_table td{padding:7px;font-size:1rem}}table.base_table th.tit{color:var(--text_clr);text-align:center;padding:10px 20px;font-size:.8rem}table.base_table th.tit span{font-size:.95rem}table.base_table th.btn{color:#000;font-weight:700}table.base_table td{text-align:center;font-size:1.2rem;font-weight:700}table.base_table td.date{color:#644b00;font-size:.95rem}table.base_table td.number{font-size:.8rem;font-weight:400}table.base_table td.member{color:#3f3000;font-size:.7rem;font-weight:400}table.base_table td.btn{color:#000;font-size:.75rem;font-weight:300;text-decoration:underline}table.base_table td.time{color:#3f3000;font-size:.95rem;font-weight:300;position:relative}table.base_table td.time:after{content:"";background-color:#cacad9;width:1px;height:50px;position:absolute;top:50%;right:0;transform:translateY(-50%)}table.base_table td.ng button{color:#ff3f00;font-size:1.125rem;font-weight:700;text-decoration:underline}table.base_table td.dev button{color:#2693ff;font-size:1.125rem;font-weight:700;text-decoration:underline}.popup{border:2px solid;border-color:var(--base_clr);border-radius:10px;padding:10px;display:inline-block}.popup .popup_comment_area{margin-bottom:10px}.popup .popup_comment_area p{color:#444;margin-bottom:10px;font-size:.7rem;line-height:1.3}.popup .popup_comment_area .name{color:var(--base_clr);font-size:.8rem;font-weight:700}.popup button{border:1px solid;border-color:var(--base_clr);border-radius:3px;width:48%;padding:3px 0;font-size:.75rem;font-weight:700}.popup .correction_btn{color:#fff;background-color:var(--base_clr)}.popup .close_btn{color:var(--base_clr)}.popup_notsubmit{border:2px solid #ccc;border-radius:20px;width:600px;padding:30px 40px;display:inline-block}.popup_notsubmit>p{font-size:.8rem}.popup_notsubmit .popup_notsubmit_title{gap:0 20px;margin-bottom:20px}.popup_notsubmit .notsubmit_list_area{border:1px solid #ececfb;margin-top:10px;padding:20px 10px 20px 30px;box-shadow:1px 1px 5px #0003}.popup_notsubmit .notsubmit_list_area ul{height:230px;overflow-y:scroll}.popup_notsubmit .notsubmit_list_area ul li{padding:10px 0 10px 50px}.popup_notsubmit .notsubmit_list_area ul li button{color:#444;font-size:.95rem;text-decoration:underline}.popup_notsubmit .notsubmit_close{text-align:center}.popup_notsubmit .notsubmit_close button{color:var(--base_clr);margin-top:30px;font-size:1.2rem;font-weight:700}.result_area{border-top:1px solid #e5e7eb;padding:20px 0}@media (max-width:1540px){.result_area{width:100%;margin:0 0 30px}}@media screen and (max-width:1460px){.result_area{width:50%}}@media screen and (max-width:1300px){.result_area{width:100%}}.result_area.nodot{border-top:none}.result_area--dashboard{width:100%;margin:0;padding-bottom:0}.result_area--dashboard .result_list{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.result_area--dashboard .result_text{min-width:0;font-size:.75rem}.result_area--dashboard .result_text__label{white-space:nowrap;margin:0 0 4px;font-size:.55rem;line-height:1.2}.result_area--dashboard .result_text>button{text-align:center;width:100%;line-height:inherit;margin:0;padding:0;display:block}.widget-card__title{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;height:2.275rem;padding:0 45px 0 0;font-size:.875rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.user_result_area{flex-wrap:wrap;margin-bottom:50px}@media (max-width:1600px){.user_result_area{gap:30px}}.search_form{width:75%}@media (max-width:1600px){.search_form{width:100%}}.search_area{background-color:#f2f4f1;border-radius:5px;flex-wrap:wrap;justify-content:space-between;gap:0 20px;padding:25px 30px}.search_area--user{flex-wrap:nowrap}@media (max-width:1500px){.search_area{gap:15px}}.search_area__label{justify-content:center;align-items:center;display:flex}.search_area__label>p{margin:0 25px 0 0;font-size:1rem;font-weight:600}.search_area>p{font-size:18px;font-weight:700}.search_area .basic_btn{width:auto;min-width:100px;padding:12px 24px}@media (max-width:1366px){.search_area>p{font-size:15px}.search_area{gap:0 15px;padding:20px}}.search_groups{flex-wrap:wrap;gap:20px}.search_group,.search_groups{align-items:center;display:flex}.search_group{flex:0 auto;gap:6px}.search_group label{white-space:nowrap;margin-right:0;font-size:.85rem;font-weight:500}.search_group input,.search_group select{background-color:#fff;border:none;border-radius:5px;width:100%;height:45px;padding:8px 12px;font-size:.9rem}.search_group input{width:140px}.search_group select{width:120px}@media (max-width:1600px){.search_group input,.search_group select{min-width:110px;font-size:.85rem}}.search_buttons{align-items:center;gap:10px;display:flex}table.user_table{table-layout:fixed;width:100%}table.user_table col.col-image{width:64px}table.user_table col.col-name{width:20%}table.user_table col.col-role{width:11%}table.user_table col.col-date{width:16%}table.user_table col.col-base{width:29%}table.user_table col.col-last-access{width:16%}table.user_table col.col-action{width:112px}table.user_table td,table.user_table th{text-align:center;vertical-align:middle;word-break:break-word;overflow-wrap:break-word;padding:10px}table.user_table th{color:#646472}table.user_table th.user{text-align:left}table.user_table td{border-bottom:1px solid #ececfb}table.user_table td.image,table.user_table th.image{width:55px}table.user_table td.image{text-align:center}table.user_table td.image .user_icon_image{-o-object-fit:cover;object-fit:cover;width:40px;min-width:40px;height:40px;min-height:40px}table.user_table th.name{text-align:left}table.user_table td.name{text-align:left;font-size:1rem}table.user_table td.name .user_name_text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}table.user_table td.role,table.user_table th.role{width:auto}table.user_table td.date,table.user_table th.date{white-space:nowrap;width:auto;font-size:.85rem}table.user_table td.base,table.user_table th.base{width:auto}table.user_table td.btn a,table.user_table td.btn button{white-space:nowrap;width:72px;margin:0;display:inline-block}table.topics_table{table-layout:fixed;width:100%}.topic-title-header{width:30%}.topic-date-header{width:120px}.topic-period-header{width:96px}.topic-target-header{width:60px}.topic-read-header{width:56px}.topic-action-header.btn{width:168px}table.topics_table col.col-topic-status{width:72px}table.topics_table col.col-topic-date{width:120px}table.topics_table col.col-topic-title{width:auto}table.topics_table col.col-topic-period{width:132px}table.topics_table col.col-topic-target{width:60px}table.topics_table col.col-topic-read{width:56px}table.topics_table col.col-topic-action{width:168px}table.topics_table td,table.topics_table th{word-break:normal;overflow:hidden}table.topics_table td.name,table.topics_table th.name{text-align:left}table.topics_table td.name{width:auto;min-width:0;max-width:0}table.topics_table td.name .topic_title_text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}table.topics_table td.topic_unread_status{white-space:nowrap;text-align:center;font-size:.95rem}table.topics_table td.topic_publish_status{white-space:nowrap;text-align:center}table.topics_table td.btn,table.topics_table th.btn{text-align:center}table.topics_table .topics_table_actions{justify-content:space-between;align-items:center;gap:6px;display:flex}table.topics_table .topics_table_actions a,table.topics_table .topics_table_actions button{text-align:center;justify-content:center;align-items:center;margin:0;display:inline-flex}.base>ul{flex-wrap:wrap;gap:10px;display:flex}.base>ul>li{text-align:center;border:1px solid var(--primary-color);color:var(--primary-color);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap;border-radius:3px;max-width:200px;padding:4px 8px;font-size:.72rem;overflow:hidden}.user-form{background-color:var(--content-background-color);padding:30px}.user-form-section{display:flex}.user-form-section+.user-form-section{margin-top:20px}.user-form-row--top{justify-content:space-between;gap:20px;margin:0 0 30px;display:flex}.user-form-row--top .user-form-section--name{flex-shrink:0;width:50%}.user-form-row--top .user-form-section--avatar{flex-shrink:0}.user-form-row--top .user-form-section+.user-form-section{margin-top:0}.user-form-card{border:1px solid #ececfb;height:200px;padding:20px 30px}.user-form-section label{color:#535362;font-size:.875rem;font-weight:700}.user-form-profile{width:100%}.user-form-fields>div+div,.user-form-profile>div+div{margin-top:20px}.user-form-card input{width:40%;height:40px;margin-right:5px}.user-form-card input,.user-form-card textarea{border:1px solid #ddd;padding:5px 10px;font-size:14px}.user-form-card textarea{width:80%;height:50px}.user-form-fields label,.user-form-profile label{width:20%}.user-form-meta .user-form-meta__date label,.user-form-meta .user-form-meta__group label{flex-shrink:0;width:160px}.user-form-profile textarea{height:100px}.user-form-avatar{width:500px}.user-form-avatar>div+div{margin-top:10px}.user-form-avatar-preview{gap:0 30px}.user-form-avatar-preview button{font-size:.8125rem;font-weight:700;text-decoration:underline}.user-form-avatar-upload p{margin-bottom:15px;font-size:.75rem}.user-form-meta{gap:0 80px;width:100%;padding:0 30px}.user-form-meta>div{gap:0 30px}.user-form-meta p{font-size:.875rem}.user-form-meta .user-form-meta__group button{color:#fff;background-color:var(--base_clr);cursor:pointer;border-radius:4px;padding:8px 20px;font-size:.875rem;font-weight:500}.user-form-fields{border:none;width:800px;margin-right:50px}.user-form-error{color:var(--danger-color);margin:0 0 10px;font-size:.9rem}.user-form-sub-label{color:#656565;letter-spacing:.05em;padding:0 5px;font-size:.8rem}.user-form-upload-label{text-align:center;cursor:pointer;justify-content:center;align-items:center;gap:10px;width:100%;height:80px;margin-bottom:0;line-height:80px;display:flex}.user_icon_image{border:2px solid #e5e7eb;border-radius:50%}.place_icon_image,.user_icon_image{-o-object-fit:cover;object-fit:cover;width:50px;height:50px}.place_icon_image{border:2px solid #e5e7eb;border-radius:8px}.user_info_display{align-items:center;gap:10px;display:flex}@media (max-width:1366px){.user_icon_image{width:50px;height:50px}}.multiple_box{gap:1rem;width:100%;display:flex}.danger-button{color:#333;background-color:#e0e0e0;border:1px solid #ccc;transition:all .3s}.danger-button:hover{color:#fff;background-color:#f44336;border-color:#f44336}.dashbord_content{width:95%;margin:auto}.dashbord_content li{background-color:var(--content-background-color)}.report_card_wrapper{padding:16px;position:relative}.user_wrap .user_count_area{text-align:left;margin-bottom:15px}.user_wrap .last_updated{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:0 0 10px;display:flex}@media (max-width:1100px){.user_wrap .last_updated{flex-wrap:wrap;gap:15px}}.user_wrap .last_updated_actions{align-items:center;gap:30px;display:flex}@media (max-width:1400px){.user_wrap .last_updated_actions{gap:15px}}@media (max-width:1100px){.user_wrap .last_updated_actions{margin-left:auto}}.view_all_btn{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.view_all_btn:hover{background:var(--primary-color);color:#fff}.list_item_badge_slot{flex-direction:column;flex:0 0 80px;justify-content:center;align-items:center;gap:4px;width:80px;min-width:80px;max-width:80px;margin-right:-5px;display:flex}.list_item_type_badge{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.list_item_type_badge--periodic{background-color:var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.list_item_type_badge--periodic{background-color:color-mix(in srgb,var(--primary-color)10%,#fff)}}.list_item_type_badge--periodic{color:var(--primary-color);border:1px solid var(--primary-color)}@supports (color:color-mix(in lab,red,red)){.list_item_type_badge--periodic{border:1px solid color-mix(in srgb,var(--primary-color)30%,#fff)}}.list_item_type_badge--private{color:#4b5563;background-color:#e5e7eb;border:1px solid #d1d5db}.list_item_type_badge--shared{color:#fff;background-color:#777;border:1px solid #777}.stat_highlight{padding:2px 4px}.stat_label--periodic{color:#6b8f76!important}.period_filter_links{flex-shrink:0;align-items:center;gap:10px;display:flex}@media (max-width:1400px){.period_filter_links{gap:6px}}.period_filter_link{color:#374151;text-underline-offset:2px;white-space:nowrap;border-radius:3px;padding:2px 4px;font-size:.8rem;font-weight:600;text-decoration:underline;transition:color .2s}.period_filter_link:hover{color:var(--primary-color);background-color:#f8f8f8}.period_filter_separator{color:#d1d5db;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin:0 -2px;font-size:.75rem}@media (max-width:768px){.period_filter_links{display:none}}button.calendar_btn{color:#6b7280;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.calendar_btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.calendar_btn_tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;background:#333;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:all .2s;bottom:-28px}.calendar_btn_tooltip,.calendar_btn_tooltip:before{position:absolute;left:50%;transform:translate(-50%)}.calendar_btn_tooltip:before{content:"";border-bottom:5px solid #333;border-left:5px solid #0000;border-right:5px solid #0000;top:-4px}.calendar_btn:hover .calendar_btn_tooltip{opacity:1;visibility:visible}.icon_btn_with_tooltip{color:#6b7280;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon_btn_with_tooltip:hover{color:var(--primary-color)}.icon_btn_tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:10;background:#333;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:all .2s;bottom:-28px}.icon_btn_tooltip,.icon_btn_tooltip:before{position:absolute;left:50%;transform:translate(-50%)}.icon_btn_tooltip:before{content:"";border-bottom:5px solid #333;border-left:5px solid #0000;border-right:5px solid #0000;top:-4px}.icon_btn_with_tooltip:hover .icon_btn_tooltip{opacity:1;visibility:visible}.place-badge{border:1px solid var(--primary-color,#6b7280);color:var(--primary-color,#6b7280);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;max-width:160px;padding:2px 8px;font-size:.8rem;overflow:hidden}.place-badge,.status_badge{align-items:center;display:inline-flex}.status_badge{text-align:center;border-radius:50%;justify-content:center;width:35px;height:35px;font-size:.75rem;font-weight:600}.status_badge--card{z-index:1;border:1px solid #777;position:absolute;top:15px;right:15px}.status_badge--public{color:var(--text-color,#fff);background-color:#777}.status_badge--private{color:#4b5563;background-color:#e5e7eb}.status_badge--shared{color:#fff;background-color:#777}.folder_accordion{border-radius:var(--border-radius,8px);max-width:100%;box-shadow:var(--shadow);background:#fff;border:none;flex:0 0 100%;margin-bottom:0;overflow:hidden}.folder_header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:0;justify-content:space-between;align-items:center;min-height:70px;padding:10px 16px;transition:background-color .3s;display:flex}.folder_header:hover{background-color:#fafafa}.folder_header_left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.folder_summary{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.folder_summary_item{color:#9ca3af;white-space:nowrap;background:#f3f4f6;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.folder_summary_num{color:#9ca3af;font-size:1.05rem;font-weight:700}.folder_summary_item--danger .folder_summary_num{color:var(--alert-color,#ef4444)}.folder_summary_item--active .folder_summary_num{color:#3f3000}.folder_header_right{flex-shrink:0;align-items:center;gap:8px;display:flex}.folder_reorder_controls{align-items:center;gap:4px;display:flex}.folder_reorder_btn{color:#6b7280;background:#ffffffe6;border:1px solid #d1d5db;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex}.folder_reorder_btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:#fff}.folder_reorder_btn:disabled{opacity:.35;cursor:not-allowed}.folder_drag_handle{cursor:grab;align-items:center;padding:2px;display:flex}.folder_drag_handle:active{cursor:grabbing}.folder_name{color:#333;white-space:nowrap;text-overflow:ellipsis;flex:0 0 280px;min-width:0;max-width:280px;font-size:.95rem;font-weight:600;overflow:hidden}@media (max-width:900px){.folder_name{flex:0 0 160px;max-width:160px}}.folder_color_chip{border-radius:3px;flex-shrink:0;width:14px;height:14px;display:inline-block;transform:rotate(45deg)}.folder_count{color:#6b7280;flex-shrink:0;font-size:.85rem;font-weight:600}.folder_action_btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background-color .15s;display:flex}.folder_action_btn:hover{color:#ef4444;background:#fef2f2}.folder_toggle_btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background-color .15s;display:flex}.folder_toggle_btn:hover{background:#f3f4f6}.folder_content_wrap{grid-template-rows:0fr;transition:grid-template-rows .25s;display:grid}.folder_content_wrap.is-open{grid-template-rows:1fr}.folder_content_inner{visibility:hidden;min-height:0;transition:visibility .25s;overflow:hidden}.folder_content_wrap.is-open .folder_content_inner{visibility:visible}.folder_content{padding:16px}.folder_empty{color:#9ca3af;padding:12px 0;font-size:.85rem}.folder_create_btn{color:#555;cursor:pointer;background:#fff;border:1px dashed #ccc;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.folder_create_btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.folder_create_form{border-radius:var(--border-radius,8px);background:#fff;border:1px solid #e0e3e8;flex:0 0 100%;max-width:520px;overflow:hidden}.folder_create_form_header{background:#f8f9fa;border-bottom:1px solid #e0e3e8;align-items:center;gap:8px;padding:10px 16px;display:flex}.folder_create_form_title{color:#374151;font-size:.85rem;font-weight:600}.folder_create_form_body{flex-direction:column;gap:8px;padding:16px;display:flex}.folder_create_label{color:#6b7280;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.folder_create_char_count{color:#9ca3af;margin-left:auto;font-size:.7rem;font-weight:400}.folder_create_form_footer{border-top:1px solid #f0f0f0;justify-content:space-between;padding:12px 16px;display:flex}.folder_create_form_columns{gap:20px;display:flex}.folder_create_form_left{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.folder_create_form_right{flex-direction:column;flex:0 0 160px;gap:8px;min-width:0;display:flex}@media (max-width:480px){.folder_create_form_columns{flex-direction:column}.folder_create_form_right{flex:none}}.folder_create_input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:.85rem}.folder_create_input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color);outline:none}@supports (color:color-mix(in lab,red,red)){.folder_create_input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-color)20%,#fff)}}.folder_create_submit{color:#fff;background:var(--primary-color);cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:500}.folder_create_submit:disabled{opacity:.5;cursor:not-allowed}.folder_create_cancel{color:#666;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 16px;font-size:.8rem;font-weight:500}.folder_create_cancel:hover{background:#f9fafb}.folder_edit_btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,background-color .15s;display:flex}.folder_edit_btn:hover{color:var(--primary-color,#3b82f6);background:#0000000d}.folder_color_palette{flex-wrap:wrap;gap:6px;display:flex}.folder_color_option{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;padding:0;transition:transform .1s,box-shadow .1s}.folder_color_option:hover{transform:scale(1.15)}.folder_color_option--selected{border-color:#fff;box-shadow:0 0 0 2px,0 0 0 2px #0000004d}.folder_color_mini_preview{border:1px solid #e0e3e8;border-radius:6px;min-width:0;max-width:100%;transition:border-color .15s;overflow:hidden}.folder_color_mini_header{border-bottom:1px solid #e0e3e8;align-items:center;gap:6px;min-width:0;padding:6px 10px;transition:background .15s,border-color .15s;display:flex}.folder_color_mini_name{color:#555;white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;font-size:.7rem;font-weight:600;overflow:hidden}.folder_color_mini_body{gap:6px;padding:8px 10px;transition:background .15s;display:flex}.folder_color_mini_card{background:#fff;border:1px solid #e5e7eb;border-radius:3px;flex:1;height:18px}.folder_color_custom{cursor:pointer;color:#9ca3af;border:2px dashed #ccc;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:border-color .15s;display:flex;position:relative}.folder_color_custom:hover{color:#666;border-color:#888}.folder_color_custom_input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.template_root_grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px;display:grid}.template_root_grid>.box,.template_root_grid>.folder_accordion,.template_root_grid>.folder_root_drop_placeholder{min-width:0}.template_root_grid>.folder_accordion,.template_root_grid>.folder_root_drop_placeholder{grid-column:1/-1}.folder_card_grid{flex-wrap:wrap;gap:20px;display:flex}.folder_card_grid>*{flex:0 0 calc(50% - 10px);max-width:calc(50% - 10px)}.folder_root_drop_placeholder{border:2px dashed var(--primary-color);flex:0 0 100%;max-width:100%;min-height:96px}@supports (color:color-mix(in lab,red,red)){.folder_root_drop_placeholder{border:2px dashed color-mix(in srgb,var(--primary-color)45%,#cbd5e1)}}.folder_root_drop_placeholder{background:var(--primary-color);border-radius:10px}@supports (color:color-mix(in lab,red,red)){.folder_root_drop_placeholder{background:color-mix(in srgb,var(--primary-color)8%,#fff)}}.folder_root_drop_placeholder{box-sizing:border-box}.folder_drag_overlay,.template_drag_overlay{pointer-events:none;backdrop-filter:blur(4px);background:#fffffff5;border:1px solid #dbe3ef;border-radius:10px;box-shadow:0 16px 40px #0f172a2e}.folder_drag_overlay{width:min(720px,100vw - 32px);padding:14px 18px}.folder_drag_overlay_header{color:#334155;align-items:center;gap:10px;font-weight:700;display:flex}.template_drag_overlay{width:min(360px,100vw - 32px);padding:16px 18px}.template_drag_overlay_title{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}@media (max-width:768px){.template_root_grid{grid-template-columns:1fr}.template_root_grid>.folder_accordion,.template_root_grid>.folder_root_drop_placeholder{grid-column:1}.folder_card_grid>*{flex:0 0 100%;max-width:100%}.folder_root_drop_placeholder{min-height:72px}.folder_content{padding:12px 8px}}.staff_mobile_nav{background:#fff;flex-direction:column;gap:16px;padding:20px;display:flex;overflow-y:auto}.staff_mobile_nav .user_info_section{border-bottom:1px solid #eff0f3;padding-bottom:16px}.staff_mobile_nav .user_info_header{align-items:center;gap:10px;padding:5px 0;display:flex}.staff_mobile_nav .user_avatar{-o-object-fit:cover;object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.staff_mobile_nav .user_info_text{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.staff_mobile_nav .user_name{color:#111827;word-break:break-word;margin-bottom:2px;font-size:.875rem;font-weight:500;line-height:1.3}.staff_mobile_nav .user_role{color:#6b7280;font-size:.75rem;line-height:1.2}.staff_mobile_nav .action_section{flex-direction:column;gap:10px;display:flex}.staff_mobile_nav .logout_btn{cursor:pointer;transition:opacity .2s;color:#666!important;text-align:center!important;background:0 0!important;border:none!important;border-radius:0!important;width:100%!important;padding:20px 0 8px!important;font-size:13px!important;font-weight:400!important}.staff_mobile_nav .logout_btn:hover{opacity:.7;background:0 0!important}@media (max-width:1024px){.header_area{flex-direction:column;gap:15px;align-items:stretch!important}.page_title_area{justify-content:space-between;width:100%}.under_title_area{width:100%}.user_area{display:none!important}}@media (max-width:768px){.header_area h1{font-size:1.5rem}.basic_btn,.primary.basic_btn{padding:8px 16px;font-size:.875rem}.back_btn{font-size:.875rem}.max-w-4xl{padding:0 16px}.wrap_2.flexwrapjbe{gap:15px}.wrap_2 .box{min-width:100%}}.detail-table-wrap{position:relative}.detail-table-scroll{scrollbar-width:none;-ms-overflow-style:none;border-radius:8px;min-height:300px;max-height:min(55vh,100vh - 250px);overflow:scroll auto;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.detail-table-scroll::-webkit-scrollbar{display:none}.detail-scrollbar{z-index:5;box-sizing:border-box;background:#fff;padding:6px 0 2px;position:sticky;bottom:0;left:0}.detail-scrollbar__track{cursor:pointer;background:#f1f1f1;border-radius:4px;height:8px;position:relative}.detail-scrollbar__thumb{cursor:grab;will-change:transform;background:#c1c1c1;border-radius:4px;height:100%;transition:background .15s;position:absolute;top:0;left:0}.detail-scrollbar__thumb:hover{background:#a0a0a0}.detail-scrollbar__thumb:active{cursor:grabbing;background:#888}.detail-scroll-btn{z-index:10;cursor:pointer;background:#ffffffe6;border:1px solid #d1d5db;padding:24px 8px;transition:all .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 6px -1px #0000001a}.detail-scroll-btn:hover{background:#f3f4f6}.detail-scroll-btn--left{border-radius:0 8px 8px 0;left:0}.detail-scroll-btn--right{border-radius:8px 0 0 8px;right:0}.detail-scroll-btn svg{color:#4b5563;pointer-events:none;width:24px;height:40px}.detail-table{border-collapse:separate;border-spacing:0;table-layout:fixed;background:#fff;font-size:.875rem}.detail-table th,.detail-table thead{background:#f9fafb}.detail-table th{text-align:center;color:#374151;white-space:nowrap;text-overflow:ellipsis;z-index:3;padding:6px 12px;font-size:.72rem;font-weight:600;position:sticky;top:0;overflow:hidden}.detail-table th.detail-th--sticky{z-index:4}.detail-table th.detail-th--checkbox{padding:12px 8px}.detail-table th.detail-th--date{padding:12px}.detail-table th.detail-th--confirm.is-clickable{cursor:pointer}.detail-table th.detail-th--confirm.is-clickable:hover{background:#e5e7eb}.detail-table th.detail-th--confirm.is-disabled{cursor:not-allowed}.detail-table tbody{border-top:1px solid #e5e7eb}.detail-table{margin-bottom:40px}.detail-table tbody tr{border-bottom:1px solid #e5e7eb}.detail-table tbody tr:hover td,.detail-table tbody tr:hover td .detail-item-footer,.detail-table tbody tr:hover td .detail-item-footer--alt,.detail-table tbody tr:hover td.detail-td--sticky{background:#f3f4f6}.detail-table td{text-align:center;padding:8px 12px;font-size:.84rem}.detail-td--sticky{z-index:2;background:#fff;position:sticky}.detail-th--sticky{z-index:3;background:#f9fafb;position:sticky}.detail-td--last-sticky{white-space:nowrap;border-right:2px solid #d1d5db}.detail-td--last-sticky.has-shadow{border-right-color:#9ca3af}td.detail-td--last-sticky{color:#6b7280;font-size:.7rem}.detail-table td.detail-td--date{color:#6b7280;white-space:nowrap;border-right:1px solid #e5e7eb;padding:12px 8px;font-size:.7rem;font-weight:500}.detail-tr--date-break td{border-top:2px solid #d1d5db}.detail-td--confirm,.detail-th--confirm{width:110px;min-width:110px;max-width:110px;padding:8px 4px}.detail-td--checkbox{padding:12px 8px}.detail-td--checkbox input[type=checkbox],.detail-th--checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.detail-submitter{flex-direction:column;align-items:center;gap:8px;width:100%;min-width:0;display:flex}.detail-submitter img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:30px;height:30px}.detail-submitter__name{white-space:nowrap;text-overflow:ellipsis;text-align:center;cursor:help;width:100%;min-width:0;overflow:hidden}.detail-confirm-btn{white-space:nowrap;width:100%;box-shadow:none;cursor:pointer;border:2px solid #0000;border-radius:25px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-size:.72rem;font-weight:500;transition:background-color .15s;display:inline-flex}.detail-confirm-btn svg{pointer-events:none;flex-shrink:0;width:16px;height:16px}.detail-confirm-btn--ok{color:#1e3a5f;background:#fff;border:2px solid #1e3a5f}.detail-confirm-btn--ok:hover{background:#f0f4f8}.detail-confirm-btn--ng{color:#b91c1c;background:#fff;border:2px solid #b91c1c}.detail-confirm-btn--ng:hover{background:#fef2f2}.detail-confirm-btn--done{color:#6b7280;cursor:default;box-shadow:none;background:#f3f4f6;border:2px solid #d1d5db}.detail-td--check-view,.detail-th--check-view{text-align:center;white-space:nowrap;width:70px;min-width:70px;padding:8px 12px}.detail-check-view-btn{color:#059669;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #059669;border-radius:4px;justify-content:center;align-items:center;padding:4px 12px;font-size:.8rem;font-weight:600;transition:background .15s;display:inline-flex}.detail-check-view-btn:hover{background:#ecfdf5}.detail-date-label{text-align:center;margin-bottom:4px}.detail-td--signature{text-align:center;padding:12px 20px}.detail-signature-empty{color:#9ca3af;white-space:nowrap;font-size:.75rem}.detail-td--item{text-align:center;white-space:nowrap;padding:12px 20px}.detail-tr--unsubmitted td{background:#f9fafb}.detail-tr--unsubmitted .detail-submitter img{opacity:.5}.detail-tr--unsubmitted .detail-submitter__name{color:#4b5563}.detail-unsubmitted-badge{color:#991b1b;background:#fee2e2;border-radius:9999px;align-items:center;padding:2px 8px;font-size:.75rem;display:inline-flex}.detail-td--empty{text-align:center;color:#9ca3af;padding:12px 20px}.detail-item-footer{background:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:32px;padding:4px 0;display:flex}.detail-item-footer--alt{background:#f9fafb}.detail-comment-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:4px;min-width:0;padding:4px 8px;font-size:.75rem;transition:background .15s;display:inline-flex}.detail-comment-btn:hover{background:#f3f4f6}.detail-comment-btn:focus{outline:none}.detail-comment-btn__text{color:#374151}.detail-corrected-badge{color:#166534;background:#dcfce7;border-radius:9999px;min-width:0;padding:2px 8px;font-size:.75rem;display:inline-flex}.detail-filter-row{background-color:#eee;border-radius:5px;gap:16px;padding:20px 24px}.detail-filter-row,.detail-filter-wrap{flex-wrap:wrap;align-items:center;display:flex}.detail-filter-wrap{flex:auto;gap:20px;min-width:0}.detail-filters{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.detail-filter-group__label{color:#666;font-size:.75rem;display:block}.detail-filter-group__inputs{align-items:center;gap:6px;display:flex}.detail-filter-group__separator{color:#666;font-size:.875rem}.detail-filter-input{border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-size:.875rem}.detail-filter-input--text{min-width:120px;padding:6px 10px}.detail-filter-input-wrap{align-items:center;display:inline-flex;position:relative}.detail-filter-input-wrap .detail-filter-input{width:138px;padding-right:28px}.detail-filter-input-clear{cursor:pointer;color:#6b7280;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.75rem;line-height:1;transition:background .15s,color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.detail-filter-input-clear:hover{color:#374151;background:#d1d5db}.detail-filter-count{color:#666;align-self:flex-end;padding-bottom:6px;font-size:.875rem}.detail-filter-btn-area{flex-shrink:0;gap:8px}@media screen and (max-width:900px){.detail-filter-btn-area{justify-content:flex-start;width:100%;margin-left:0!important}}.detail-period-links{align-items:center;gap:14px;display:flex}.detail-period-link{color:#374151;text-underline-offset:2px;white-space:nowrap;font-size:.875rem;font-weight:600;text-decoration:underline;transition:color .2s}.detail-period-link:hover{color:var(--primary-color)}.detail-period-separator{color:#9ca3af;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.75rem}.detail-date-nav__calendar-btn{cursor:pointer;transition:opacity .15s}.detail-date-nav__calendar-btn:hover{opacity:.75}.detail-date-nav__arrow--disabled{pointer-events:none;opacity:.25}