.user-info-box{font-size:12px;line-height:1.4}.user-info-box h3{font-size:16px;margin-bottom:8px}.button-common{width:100px;height:36px;line-height:18px;padding:8px 16px;font-size:14px;font-weight:700;color:#f0f8ff;border-radius:4px;border:1px solid #ccc;background-color:#3090c7;cursor:pointer;margin-right:10px}.button-delete{color:red}.user-info-header{display:flex;flex-direction:column;gap:6px;font-size:16px}.user-info-top{display:flex;align-items:center;justify-content:flex-end;gap:12px}.user-info-bottom{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:14px;color:#555}.header-btn{background:#e7e7e7;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer}.header-btn:hover{background:#e2e2e2}.user-info-header span{color:#333}.user-info-header .user-name{font-weight:700}.user-info-header .user-token{font-size:13px;color:#555}.user-status strong.active{color:green}.user-status strong.inactive{color:red}.navbar{background-color:#333;padding:10px}.menu{list-style-type:none;display:flex;gap:20px;margin:0;padding:0;color:#fff}.menu>li{position:relative;cursor:pointer}.menu>li:hover{color:#fc0}.dropdown-content{display:none;position:absolute;top:25px;left:0;background-color:#444;min-width:160px;z-index:1000}.dropdown-content li{padding:10px}.dropdown-content li:hover{background-color:#555}.dropdown:hover .dropdown-content{display:block}.button-menu{width:100px;height:35px;line-height:15px;padding:8px;font-size:14px;font-weight:700;color:#f0f8ff;border-radius:4px;border:1px solid #ccc;background-color:#3090c7;cursor:pointer;margin-right:10px}.button-menu{padding:"6px 12px";background-color:#3090c7;color:#fff;border:1px solid #ccc;border-radius:4px;cursor:"pointer"}.gpt-reply-textarea{width:100%;border:none;outline:none;resize:none;background:transparent;font:inherit;padding:0;margin:0;overflow:hidden;line-height:1.4;min-height:1em;box-sizing:border-box;white-space:pre-wrap;word-break:break-word}.comment-table th{font-weight:700;background-color:#f9f9f9}.comment-table th,.comment-table td{padding:8px;text-align:left;font:inherit;line-height:1.4;vertical-align:top;border-bottom:1px solid lightgray}.comment-table{width:100%;table-layout:auto;border-collapse:collapse;margin-bottom:50px;border-top:1px solid lightgray;border-bottom:1px solid lightgray;border-spacing:0}.col-select{width:1%;word-break:break-all;white-space:normal}.col-title{width:20%;text-align:left}.col-author{width:9%;word-break:break-all;white-space:normal;text-align:left}.col-comment{width:30%;text-align:left}.col-date{width:10%;text-align:left}.col-reply{width:30%;vertical-align:top;text-align:left;background-color:#fff0f5}th.col-reply{vertical-align:top;text-align:left}.subtitle-app{max-width:1200px;margin:0 auto;padding:24px;font-family:Segoe UI,맑은 고딕,Arial,sans-serif;color:#333}.content-container{display:flex;gap:20px}.left-panel{flex:1}.right-panel{flex:1;background:#f9f9f9;padding:5px;border-radius:8px}.right-panel li{margin-bottom:5px}.subtitle-app h2{margin-bottom:5px;font-size:24px;font-weight:600;color:#222}.option-group{margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.option-group label{font-size:14px;font-weight:500;margin-right:6px}.file-upload{margin-bottom:16px}.button{padding:6px 12px;margin-right:6px;background-color:#3090c7;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease,transform .1s ease}.button:hover{background-color:#2674a8}.button:active{transform:scale(.97)}.button-group{margin-bottom:24px;display:flex;gap:12px}.subtitle-table{width:100%;table-layout:auto;border-collapse:collapse;margin-bottom:40px;border:1px solid #ddd;font-size:14px}.subtitle-table th{background-color:#f5f5f5;font-weight:600;padding:10px;text-align:left;border-bottom:1px solid #ddd}.subtitle-table td{padding:10px;border-bottom:1px solid #eee;vertical-align:top;line-height:1.5}.subtitle-table tr:nth-child(2n){background-color:#fafafa}.gpt-reply-textarea{width:100%;min-height:80px;border:1px solid #ccc;border-radius:4px;padding:6px 8px;font:inherit;line-height:1.4;resize:vertical;box-sizing:border-box}.channel-detail-page{width:100%;padding:0;margin:0;background-color:#f8f9fa}.channel-detail-wrapper{padding:24px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #0000000d;max-width:100%;margin:0 auto;font-family:Segoe UI,sans-serif}.channel-detail-wrapper.full-width{width:100%;max-width:100%;box-sizing:border-box;padding:20px}.channel-title-heading{font-size:24px;margin-bottom:16px;color:#333}.toggle-buttons,.date-filter{display:flex;align-items:center;gap:12px;margin-bottom:20px}.toggle-buttons button,.date-filter button{padding:6px 12px;border:1px solid #ccc;background-color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.toggle-buttons button:disabled,.date-filter button:disabled{background-color:#007bff;color:#fff;cursor:default}.toggle-buttons button:not(:disabled):hover,.date-filter button:not(:disabled):hover{background-color:#f0f0f0}.chart-grid-container{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:20px}.channel-chart{flex:1;padding:16px;border:1px solid #ddd;border-radius:10px;background-color:#fff;box-shadow:0 2px 6px #0000000d;transition:box-shadow .3s ease}.channel-chart h4{font-size:16px;margin-bottom:10px;color:#555}.data-table{width:100%;border-collapse:collapse;background-color:#fff;margin-top:20px;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000001a}.data-table th,.data-table td{border:1px solid #ddd;padding:10px;text-align:center}.data-table th{background-color:#f1f1f1;font-weight:600}.notice-container{font-family:sans-serif;padding:20px}.notice-card{border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9;padding:15px;margin-bottom:15px;box-shadow:1px 1px 5px #0000000d}.notice-card h3{margin:0 0 5px}.notice-card small{color:#555}.notice-content{margin-top:10px;line-height:1.4}body{margin:0;font-family:Arial,sans-serif}header,nav{background-color:#f8f8f8;padding:10px 20px}nav button{margin-right:10px}.main{padding:20px}
