body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header{background:#fff;border-bottom:1px solid #e5e7eb;height:64px;justify-content:space-between;left:0;padding:12px 24px;position:fixed;right:0;top:0;z-index:100}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.hamburger-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:none;flex-direction:column;height:32px;justify-content:center;padding:4px;transition:background-color .2s ease;width:32px}.hamburger-btn:hover{background:#f3f4f6}.hamburger-line{background:#374151;height:2px;transform-origin:center;transition:all .3s ease;width:20px}.hamburger-line:not(:last-child){margin-bottom:5px}.hamburger-line.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger-line.open:nth-child(2){opacity:0}.hamburger-line.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.logo{align-items:center;display:flex;font-size:16px;font-weight:600;gap:8px}.logo,.logo svg{color:#4caf50}.logo img{width:120px}.header-right{gap:16px}.header-right,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:#4caf50;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column}.user-name{color:#1f2937;font-size:14px;font-weight:500}.user-email{color:#6b7280;font-size:12px}.myinfo-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px;transition:all .2s ease}.myinfo-btn:hover{background:oklch(.967 .003 264.542)}.logout-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 8px;transition:all .2s ease}.logout-btn:hover{background:oklch(.967 .003 264.542)}@media (max-width:1024px){.hamburger-btn{display:flex}}@media (max-width:768px){.header{padding:12px 16px}.header-right{gap:12px}.logout-btn span,.myinfo-btn span,.user-details{display:none}.logout-btn,.myinfo-btn{padding:8px}}@media (max-width:480px){.header-right{gap:8px}.logout-btn,.myinfo-btn{padding:6px}}.sidebar{background:#fff;border-right:1px solid #e5e7eb;height:100vh;left:0;overflow-y:auto;padding:24px 16px;position:fixed;top:64px;transition:transform .3s ease;width:260px;z-index:50}.sidebar .sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:40}.sidebar .sidebar-user{margin-bottom:32px}.sidebar .user-profile{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sidebar .user-icon{align-items:center;background:oklch(.982 .018 155.826);border-radius:50%;color:#3eb034;display:flex;height:32px;justify-content:center;width:32px}.sidebar .user-text{display:flex;flex-direction:column}.sidebar .user-role{color:#1f2937;font-size:14px;font-weight:600}.sidebar .user-level{color:#6b7280;font-size:12px}.sidebar .customer-count{background:oklch(.982 .018 155.826);border:1px solid oklch(.925 .084 155.995);border-radius:8px;padding:16px}.sidebar .customer-count .customer-cont{align-items:center;color:#4caf50;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-bottom:8px}.sidebar .count-number{font-size:18px}.sidebar .count-progress{background:#fff;border-radius:3px;height:6px;overflow:hidden}.sidebar .progress-bar{background:#4caf50;border-radius:3px;height:100%;width:75%}.sidebar .sidebar-nav{display:flex;flex-direction:column;gap:4px}.sidebar .nav-item{align-items:center;border-radius:8px;color:#6b7280;display:flex;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.sidebar .nav-item:hover{background:#f9fafb;color:#374151}.sidebar .nav-item.active{background:#4caf50;color:#fff}.sidebar .nav-item.active .nav-icon{color:#fff}.sidebar .nav-item.active .nav-icon svg path{stroke:#fff}.sidebar .nav-icon{color:inherit;flex-shrink:0}.sidebar .nav-content{display:flex;flex:1 1;flex-direction:column}.sidebar .nav-label{font-size:14px;font-weight:500;line-height:1.2}.sidebar .nav-subtitle{font-size:12px;line-height:1.2;margin-top:2px;opacity:.8}@media (max-width:1024px){.sidebar{transform:translateX(-100%);z-index:60}.sidebar.open{transform:translateX(0)}.sidebar .sidebar-overlay{display:block}}@media (max-width:768px){.sidebar{width:280px}.sidebar-user{margin-bottom:24px}.sidebar .customer-count{padding:12px}.sidebar .count-number{font-size:20px;margin-bottom:8px}.sidebar .nav-item{padding:10px 12px}.sidebar .nav-label{font-size:13px}.sidebar .nav-subtitle{font-size:11px}}.dashboard-container .dashboard{background:#fff;margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:24px;transition:margin-left .3s ease}.dashboard-container .dashboard-header{margin-bottom:24px}.dashboard-container .dashboard-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.dashboard-container .dashboard-header p{color:#6b7280;font-size:14px}.dashboard-container .team-performance{margin-bottom:24px}.dashboard-container .performance-card{align-items:center;background:oklch(.982 .018 155.826);border:1px solid oklch(.925 .084 155.995);border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:20px}.dashboard-container .performance-card .performance-title{align-items:center;display:flex;font-weight:600;gap:6px;width:100%}.dashboard-container .performance-card .performance-sub-title{color:oklch(.551 .027 264.364);font-size:12px;width:100%}.dashboard-container .performance-card .performace-count-box{display:flex;justify-content:space-between;width:100%}.dashboard-container .performance-card .performance-count .performance-count-title,.dashboard-container .performance-card .performance-percent .performance-percent-title{color:oklch(.21 .034 264.665);font-size:1.5rem;font-weight:900;margin-bottom:4px}.dashboard-container .performance-card .performance-percent .performance-percent-title{color:#3eb034}.dashboard-container .performance-card .performance-count .performance-count-sub-title,.dashboard-container .performance-card .performance-percent .performance-percent-sub-title{color:oklch(.551 .027 264.364);font-size:12px;text-align:right}.dashboard-container .performance-icon{align-items:center;background:#4caf50;border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.dashboard-container .performance-content{display:flex;flex:1 1;flex-direction:column}.dashboard-container .performance-label{color:#1f2937;font-size:16px;font-weight:600}.dashboard-container .performance-subtitle{color:#6b7280;font-size:14px}.dashboard-container .performance-stats{align-items:flex-end;display:flex;flex-direction:column}.dashboard-container .performance-number{color:#4caf50;font-size:24px;font-weight:700}.dashboard-container .performance-detail{color:#6b7280;font-size:12px}.dashboard-container .performance-percentage{background:#fff;border-radius:20px;color:#4caf50;font-size:18px;font-weight:600;margin-top:8px;padding:4px 12px}.dashboard-container .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.dashboard-container .stat-card{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:12px;padding:20px}.dashboard-container .stat-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.dashboard-container .stat-icon{align-items:center;background:#f8fafc;border-radius:16px;color:#64748b;display:flex;height:32px;justify-content:center;width:32px}.dashboard-container .stat-icon>svg{height:18px;width:18px}.dashboard-container .stat-card.blue .stat-icon{background:oklch(.932 .032 255.585);color:#3b82f6}.dashboard-container .stat-card.purple .stat-icon{background:oklch(.946 .033 307.174);color:oklch(.558 .288 302.321)}.dashboard-container .stat-card.green .stat-icon{background:oklch(.962 .044 156.743);color:oklch(.627 .194 149.214)}.dashboard-container .stat-card.orange .stat-icon{background:oklch(.954 .038 75.164);color:oklch(.646 .222 41.116)}.dashboard-container .stat-card.yellow .stat-icon{background:oklch(.973 .071 103.193);color:oklch(.681 .162 75.834)}.dashboard-container .stat-title{color:#374151;font-size:14px;font-weight:500}.dashboard-container .stat-content{display:flex;flex-direction:column}.dashboard-container .stat-value{color:#1f2937;font-size:24px;font-weight:700;margin-bottom:4px}.dashboard-container .stat-change{font-size:12px;font-weight:500}.dashboard-container .stat-change.positive{color:#10b981}.dashboard-container .stat-change.negative{color:#ef4444}.dashboard-container .stat-subtitle{color:#6b7280;font-size:12px}.dashboard-container .stat-breakdown{display:flex;flex-direction:column;gap:8px}.dashboard-container .breakdown-item{align-items:center;border-radius:6px;display:flex;justify-content:space-between}.dashboard-container .breakdown-label{color:#6b7280;font-size:12px}.dashboard-container .breakdown-value{color:#1f2937;font-size:14px;font-weight:600}.dashboard-container .charts-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:24px}.dashboard-container .chart-card{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:12px;padding:20px}.dashboard-container .chart-card h3{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:6px;margin-bottom:20px}.dashboard-container .industry-chart{display:flex;flex-direction:column;gap:12px}.dashboard-container .industry-item{align-items:center;display:flex;gap:12px;justify-content:space-between}.dashboard-container .industry-name{color:#374151;font-size:13px;min-width:100px}.dashboard-container .industry-bar-box{align-items:center;display:flex;width:10rem}.dashboard-container .industry-bar{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dashboard-container .industry-progress{border-radius:4px;height:100%;transition:width .3s ease}.dashboard-container .industry-percentage{color:#374151;font-size:12px;font-weight:600;min-width:40px;text-align:right}.dashboard-container .broadcast-details{display:flex;flex-direction:column;gap:16px}.dashboard-container .broadcast-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.dashboard-container .broadcast-item:first-child{background:oklch(.982 .018 155.826)}.dashboard-container .broadcast-item:nth-child(2){background:oklch(.971 .013 17.38)}.dashboard-container .broadcast-item.total{background:#0000;border-radius:0;border-top:1px solid oklch(.928 .006 264.531);color:oklch(.21 .034 264.665);padding:12px 0 0}.dashboard-container .broadcast-label{color:oklch(.21 .034 264.665);font-size:14px;font-weight:600;margin-bottom:4px}.dashboard-container .broadcast-sub-label{color:oklch(.551 .027 264.364);font-size:12px}.dashboard-container .broadcast-value{font-size:16px;font-weight:600}.dashboard-container .broadcast-value.positive{color:#10b981}.dashboard-container .broadcast-value.negative{color:#ef4444}.dashboard-container .broadcast-change{color:#6b7280;font-size:12px;text-align:right}.dashboard-container .info-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-container .info-card{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:12px;padding:16px}.dashboard-container .info-header{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px;justify-content:space-between;margin-bottom:12px}.dashboard-container .info-content{display:flex;flex-direction:column;gap:8px}.dashboard-container .info-number{color:#1f2937;font-size:20px;font-weight:700}.info-subtitle{color:#6b7280;font-size:12px}.info-details{display:flex;flex-wrap:wrap;gap:8px}.info-badge{background-color:oklch(.967 .003 264.542);border-radius:12px;color:oklch(.21 .034 264.665);font-size:11px;font-weight:500;padding:4px 8px}.info-badge.green{background:#3eb034;color:#fff}@media (max-width:1280px){.dashboard-container .stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.dashboard-container .charts-section{grid-template-columns:1fr}}@media (max-width:1024px){.dashboard-container .dashboard{margin-left:0;padding:16px}}@media (max-width:768px){.dashboard-container .dashboard{padding:12px}.dashboard-container .stats-grid{gap:16px;grid-template-columns:1fr}.dashboard-container .info-cards{grid-template-columns:1fr}.dashboard-container .performance-card{flex-direction:column;padding:16px;text-align:center}.dashboard-container .performance-stats{align-items:center}.dashboard-container .dashboard-header h1{font-size:20px}.dashboard-container .dashboard-header p{font-size:13px}.dashboard-container .stat-card{padding:16px}.dashboard-container .stat-value{font-size:24px}.dashboard-container .chart-card{padding:16px}.dashboard-container .info-card{padding:12px}}.dashboard-container .analysis-section{display:flex;gap:20px;margin-bottom:24px;margin-top:24px}.dashboard-container .analysis-section.onebox .analysis-card{width:100%}.dashboard-container .analysis-section.twobox .analysis-card{width:50%}.dashboard-container .analysis-card{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:12px;padding:20px}.dashboard-container .analysis-card.keywords{grid-row:span 2}.dashboard-container .analysis-header{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.dashboard-container .analysis-subtitle{color:oklch(.551 .027 264.364);font-size:12px;margin-bottom:24px;margin-top:0}.dashboard-container .keyword-list{display:flex;flex-direction:column;gap:12px}.dashboard-container .keyword-item{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px}.dashboard-container .keyword-rank{align-items:center;background:oklch(.982 .018 155.826);border-radius:50%;color:oklch(.21 .034 264.665);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:24px;justify-content:center;width:24px}.dashboard-container .keyword-content{align-items:center;display:flex;justify-content:space-between;width:calc(100% - 32px)}.dashboard-container .keyword-progress-bar{background:#f1f5f9;border-radius:4px;height:12px;overflow:hidden;width:100%}.dashboard-container .keyword-progress-fill{background:#3eb034;border-radius:4px;height:100%;transition:width .3s ease}.dashboard-container .keyword-name{color:#1f2937;font-size:14px;font-weight:500}.dashboard-container .keyword-count{color:oklch(.551 .027 264.364);font-size:12px;font-weight:500}.dashboard-container .keyword-item.rank-1 .keyword-rank{background:#3eb034;color:#fff}@media (max-width:768px){.dashboard-container .analysis-section.twobox{flex-direction:column}.dashboard-container .analysis-section.twobox .analysis-card{width:100%}}.dashboard-container .monthly-trend{margin-top:16px}.dashboard-container .current-month{display:flex;flex-direction:column;gap:12px}.dashboard-container .current-label-box{align-items:center;display:flex;justify-content:space-between}.dashboard-container .month-count-box{align-items:center;color:oklch(.551 .027 264.364);display:flex;font-size:14px;gap:8px}.dashboard-container .month-count-box .month-count-sub{background:oklch(.967 .003 264.542);border:1px solid oklch(.928 .006 264.531);border-radius:12px;color:oklch(.21 .034 264.665);font-size:12px;padding:4px 12px}.dashboard-container .month-label{color:#1f2937;font-size:12px;font-weight:600}.dashboard-container .progress-container{display:flex;flex-direction:column;gap:8px}.dashboard-container .progress-bar{background:#f1f5f9;border-radius:4px;height:12px;overflow:hidden;width:100%}.dashboard-container .progress-fill{background:#3eb034;border-radius:4px;height:100%;transition:width .3s ease}.dashboard-container .progress-text{color:#374151;font-size:14px;font-weight:600;text-align:right}.dashboard-container .mode-analysis{display:flex;flex-direction:column;gap:16px}.dashboard-container .mode-item{display:flex;flex-direction:column;gap:8px}.dashboard-container .mode-label{align-items:center;display:flex;justify-content:space-between}.dashboard-container .mode-name{color:#374151;font-size:14px;font-weight:500}.dashboard-container .mode-percentage{color:#6b7280;font-size:12px;font-weight:500}.dashboard-container .mode-bar{background:#f1f5f9;border-radius:3px;height:12px;overflow:hidden;width:100%}.dashboard-container .mode-progress{border-radius:3px;height:100%;transition:width .3s ease}.dashboard-container .mode-item.quick .mode-progress,.dashboard-container .mode-item.research .mode-progress{background:#3eb034}.dashboard-container .mode-note{align-items:flex-start;background:#f8fafc;border-radius:8px;display:flex;gap:8px;margin-top:8px;padding:12px}.dashboard-container .mode-note svg{color:oklch(.551 .027 264.364);flex-shrink:0;margin-top:2px}.dashboard-container .mode-note span{color:oklch(.551 .027 264.364);font-size:12px;line-height:1.4}@media (max-width:1200px){.dashboard-container .analysis-section{grid-template-columns:1fr 1fr}.dashboard-container .analysis-card.keywords{grid-column:span 2;grid-row:span 1}}@media (max-width:768px){.dashboard-container .analysis-section{gap:16px;grid-template-columns:1fr}.dashboard-container .analysis-card.keywords{grid-column:span 1;grid-row:span 1}.dashboard-container .analysis-card{padding:16px}.dashboard-container .month-label{font-size:16px}.dashboard-container .progress-text{font-size:13px}.dashboard-container .mode-note{padding:10px}.dashboard-container .mode-note span{font-size:11px}}.dashboard-container .annual-section{margin-bottom:24px;margin-top:24px}.dashboard-container .annual-card{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:12px;padding:20px}.dashboard-container .annual-header{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.dashboard-container .annual-subtitle{color:oklch(.551 .027 264.364);font-size:12px;margin-bottom:24px;margin-top:0}.dashboard-container .heatmap-container{display:flex;flex-direction:column;gap:12px}.dashboard-container .heatmap-months{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(52,1fr);margin-bottom:8px}.dashboard-container .month-label-small{color:oklch(.551 .027 264.364);font-size:10px;text-align:center}.dashboard-container .heatmap-grid{display:flex;gap:8px}.dashboard-container .heatmap-days{color:oklch(.551 .027 264.364);display:flex;flex-direction:column;font-size:10px;gap:2px;padding-top:0}.dashboard-container .heatmap-days span{align-items:center;display:flex;font-size:9px;height:8px}.dashboard-container .heatmap-data{grid-gap:1px;display:grid;flex:1 1;gap:1px;grid-template-columns:repeat(52,1fr)}.dashboard-container .week-column{display:flex;flex-direction:column;gap:1px}.dashboard-container .activity-dot{border-radius:1px;height:8px;width:8px}.dashboard-container .activity-dot.activity-0{background:#ebedf0}.dashboard-container .activity-dot.activity-1{background:#9be9a8}.dashboard-container .activity-dot.activity-2{background:#40c463}.dashboard-container .activity-dot.activity-3{background:#30a14e}.dashboard-container .activity-dot.activity-4{background:#216e39}.dashboard-container .heatmap-legend{align-items:center;color:oklch(.551 .027 264.364);display:flex;font-size:10px;gap:8px;justify-content:flex-end}.dashboard-container .legend-dots{display:flex;gap:2px}.seo-analysis-section{margin-top:24px}.dashboard-container .seo-analysis-card{background:#fff}.dashboard-container .seo-analysis-header{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:8px}.dashboard-container .seo-analysis-subtitle{color:oklch(.551 .027 264.364);font-size:12px;margin-bottom:8px;margin-top:0}.dashboard-container .keyword-input-form{align-items:center;display:flex;gap:12px}.dashboard-container .keyword-input{background:#fff;border:1px solid oklch(.928 .006 264.531);border-radius:8px;color:#1f2937;flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:border-color .2s ease}.dashboard-container .keyword-input:focus{border-color:#3eb034;box-shadow:0 0 0 3px #3eb0341a}.dashboard-container .keyword-input::placeholder{color:oklch(.551 .027 264.364)}.dashboard-container .analyze-button{background:#3eb034;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s ease}.dashboard-container .analyze-button:hover{background:#2d8128}.seo-tips-section{margin-bottom:24px;margin-top:5px}.dashboard-container .seo-tips-card{background:oklch(.982 .018 155.826);border:1px solid oklch(.925 .084 155.995);border-radius:12px;padding:20px}.dashboard-container .seo-tips-header{align-items:center;color:#1f2937;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.dashboard-container .tip-item{align-items:center;display:flex;gap:8px;margin-bottom:8px}.dashboard-container .tip-item:last-child{margin-bottom:0}.dashboard-container .tip-bullet{color:#3eb034;flex-shrink:0;font-weight:600;margin-top:2px}.dashboard-container .tip-item span:last-child{color:oklch(.21 .034 264.665);font-size:14px;line-height:1.4}@media (max-width:768px){.dashboard-container .annual-card,.dashboard-container .seo-analysis-card,.dashboard-container .seo-tips-card{padding:16px}.dashboard-container .keyword-input-form{align-items:stretch;flex-direction:column}.dashboard-container .analyze-button{width:100%}.dashboard-container .heatmap-data,.dashboard-container .heatmap-months{gap:1px;grid-template-columns:repeat(26,1fr)}.dashboard-container .month-label-small{font-size:8px}.dashboard-container .activity-dot{height:6px;width:6px}.dashboard-container .heatmap-days span{font-size:8px;height:6px}.dashboard-container .tip-item span:last-child{font-size:13px}}.manage-user{background:oklch(.985 .002 247.839);margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:24px;transition:margin-left .3s ease}.manage-user .page-header{margin-bottom:32px}.manage-user .page-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.manage-user .page-header p{color:#6b7280;font-size:14px}.manage-user .content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:32px}.manage-user .content-section.list-section{margin-bottom:0}.manage-user .section-header{margin-bottom:32px}.manage-user .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.manage-user .section-header p{color:#6b7280;font-size:14px}.manage-user .user-form{display:flex;flex-direction:column;gap:24px}.manage-user .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.manage-user .form-group{display:flex;flex-direction:column}.manage-user .form-group.full-width{grid-column:1/-1}.manage-user .form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.manage-user .form-group input,.manage-user .form-group textarea{padding:12px 16px}.manage-user .form-group input,.manage-user .form-group select,.manage-user .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.manage-user .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px 16px;padding:12px 45px 12px 16px}.manage-user .form-group input:focus,.manage-user .form-group select:focus,.manage-user .form-group textarea:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.manage-user .form-group select option[value=""]{color:#9ca3af;font-style:italic}.manage-user .form-group input.error,.manage-user .form-group select.error,.manage-user .form-group textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.manage-user .error-text{color:#ef4444;display:block;font-size:12px;margin-top:4px}.manage-user .form-group input::placeholder,.manage-user .form-group textarea::placeholder{color:#9ca3af}.manage-user .form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.manage-user .field-hint{color:#6b7280;font-size:12px;margin-top:4px}.manage-user .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.manage-user .reset-btn,.manage-user .submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.manage-user .reset-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.manage-user .reset-btn:hover{background:#f3f4f6;border-color:#9ca3af}.manage-user .submit-btn{background:#4caf50;color:#fff}.manage-user .submit-btn:hover{background:#45a049}.manage-user .submit-btn:active{transform:translateY(1px)}.manage-user .submit-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed;transform:none}.manage-user .submit-btn:disabled:hover{background:#9ca3af;transform:none}.manage-user .search-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.manage-user .search-form{width:100%}.manage-user .search-row{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:200px 150px 1fr auto}.manage-user .search-field{display:flex;flex-direction:column;gap:6px}.manage-user .search-field label{color:#374151;font-size:14px;font-weight:500}.manage-user .search-input,.manage-user .search-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.manage-user .search-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px 14px;padding:8px 32px 8px 12px}.manage-user .search-input:focus,.manage-user .search-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.manage-user .search-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s ease;white-space:nowrap}.manage-user .search-btn:hover{background:#45a049}.manage-user .search-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed}@media (max-width:768px){.manage-user .search-row{gap:12px;grid-template-columns:1fr}.manage-user .search-actions{display:flex;justify-content:center}}.manage-user .add-btn{background:#2563eb;color:#fff}.manage-user .add-btn:hover{background:#1d4ed8}.manage-user .add-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed}.manage-user .view-btn{background:#10b981;color:#fff}.manage-user .view-btn:hover{background:#059669}.manage-user .view-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed}.manage-user .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.manage-user .modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.manage-user .modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding:24px 24px 0}.manage-user .modal-header h3{color:#111827;font-size:20px;font-weight:600;margin:0 0 16px}.manage-user .modal-body{padding:0 24px}.manage-user .modal-body .form-group{margin-bottom:20px}.manage-user .modal-body .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.manage-user .modal-input,.manage-user .modal-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.manage-user .modal-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px 16px;padding:12px 40px 12px 16px}.manage-user .modal-input:focus,.manage-user .modal-select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.manage-user .modal-file-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:8px;transition:border-color .2s ease,background-color .2s ease;width:100%}.manage-user .modal-file-input:hover{background:#f0f9ff;border-color:#4caf50}.manage-user .info-message{align-items:center;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:14px;gap:8px;line-height:1.4;padding:12px 16px}.manage-user .info-message .info-icon{flex-shrink:0;font-size:16px}.manage-user .image-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px;text-align:center}.manage-user .preview-image{border-radius:6px;box-shadow:0 1px 3px #0000001a;margin-bottom:8px;max-height:200px;max-width:100%;object-fit:contain}.manage-user .file-info{color:#6b7280;font-size:12px;font-weight:500}.manage-user .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:24px}.manage-user .modal-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s ease}.manage-user .modal-btn.cancel-btn{background:#f3f4f6;color:#374151}.manage-user .modal-btn.cancel-btn:hover{background:#e5e7eb}.manage-user .modal-btn.submit-btn{background:#4caf50;color:#fff}.manage-user .modal-btn.submit-btn:hover{background:#45a049}.manage-user .modal-btn.submit-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed}.manage-user .modal-btn.submit-btn:disabled:hover{background:#9ca3af}.manage-user .content-popup{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.manage-user .popup-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.manage-user .popup-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.manage-user .close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:background-color .2s ease,color .2s ease}.manage-user .close-btn:hover{background:#e5e7eb;color:#374151}.manage-user .popup-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.manage-user .loading-message{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}.manage-user .content-table-container{border-radius:8px;max-height:400px}.manage-user .content-table-body-container .content-table-search-type-box{margin-bottom:10px}.manage-user .content-table{border-collapse:collapse;font-size:14px;width:100%}.manage-user .content-table thead{background:#f9fafb;position:sticky;top:0;z-index:1}.manage-user .content-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;font-weight:600;padding:8px 12px;text-align:left}.manage-user .content-table td{border-bottom:1px solid #f3f4f6;font-size:13px;padding:8px 12px;vertical-align:middle}.manage-user .content-table tr:hover{background:#f9fafb}.manage-user .content-link{color:#2563eb;display:block;font-size:12px;line-height:1.4;max-height:2.8em;overflow:hidden;text-decoration:none;text-overflow:ellipsis;word-break:break-all}.manage-user .content-link:hover{color:#1d4ed8;text-decoration:underline}.manage-user .preview-thumbnail{border:1px solid #e5e7eb;border-radius:4px;height:50px;object-fit:contain;width:50px}.manage-user .no-content{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.manage-user .type-col{min-width:100px;width:100px}.manage-user .link-col{line-height:1.3;max-width:250px;min-width:150px;word-break:break-all}.manage-user .preview-col{min-width:70px;padding:8px 6px;text-align:center;width:70px}.manage-user .action-col{width:50px}.manage-user .content-table .delete-col{min-width:50px;padding:8px 6px;text-align:center;width:50px}.manage-user .content-table-wrapper{display:flex;flex:1 1;flex-direction:column}.manage-user .content-controls{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px 6px 0 0;display:flex;justify-content:space-between;padding:10px 12px}.manage-user .content-controls .selected-count{color:#6b7280;font-size:14px;font-weight:500}.manage-user .delete-selected-btn{background:#dc2626;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s ease}.manage-user .delete-selected-btn:hover{background:#b91c1c}.manage-user .delete-selected-btn:disabled{background:#9ca3af;color:#d1d5db}.manage-user .delete-selected-btn:disabled:hover{background:#9ca3af;color:#fff}.manage-user .batch-update-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:background-color .2s ease}.manage-user .batch-update-btn:hover{background:#1d4ed8}.manage-user .content-table .checkbox-col{padding:8px 6px;text-align:center;width:35px}.manage-user .content-table input[type=checkbox]{cursor:pointer;transform:scale(1)}.manage-user .content-table .action-btn{align-items:center;border:none;border-radius:3px;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:4px;transition:background-color .2s ease;width:28px}.manage-user .content-table .action-btn svg{height:14px;width:14px}.manage-user .content-table .delete-btn{background:#dc2626;color:#fff}.manage-user .content-table .delete-btn:hover{background:#b91c1c}.manage-user .content-table-container{border-radius:0 0 6px 6px;border-top:none;flex:1 1;max-height:350px;overflow-y:auto}.manage-user .list-controls{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.manage-user .control-left{align-items:center;display:flex;gap:16px}.manage-user .selected-count{color:#6b7280;font-size:14px}.manage-user .delete-selected-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.manage-user .delete-selected-btn:hover:not(:disabled){background:#dc2626}.manage-user .delete-selected-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.manage-user .control-right{align-items:center;display:flex}.manage-user .items-per-page-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:13px;padding:6px 12px}.manage-user .table-container{margin-bottom:24px;overflow-x:auto}.manage-user .advertisers-table{border-collapse:collapse;font-size:14px;width:100%}.manage-user .advertisers-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:500;padding:12px 16px;text-align:left;white-space:nowrap}.manage-user .advertisers-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:12px 16px}.manage-user .advertisers-table tbody tr:hover{background:#f8fafc}.manage-user .advertisers-table tbody tr.editing{background:#fef3c7!important;border:1px solid #f59e0b}.manage-user .advertisers-table tbody tr.editing td{border-bottom:1px solid #f59e0b}.manage-user .checkbox-col{text-align:center;width:40px}.manage-user .checkbox-col input[type=checkbox]{cursor:pointer}.manage-user .checkbox-col input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.manage-user .company-name{color:#3b82f6;font-weight:500}.manage-user .type-col{font-weight:500;min-width:120px}.manage-user .contact-col{font-family:inherit;font-size:14px;min-width:130px}.manage-user .memo-col{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-user .date-col{color:#6b7280;font-size:13px;min-width:110px}.manage-user .edit-input{padding:4px 8px}.manage-user .edit-input,.manage-user .edit-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;transition:border-color .2s ease;width:100%}.manage-user .edit-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px 14px;padding:4px 36px 4px 8px}.manage-user .edit-input:focus,.manage-user .edit-select:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.manage-user .edit-actions{align-items:center;display:flex;gap:4px}.manage-user .action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;width:32px}.manage-user .action-btn:disabled{cursor:not-allowed;opacity:.5}.manage-user .edit-btn{background:#f0f9ff;color:#0ea5e9}.manage-user .edit-btn:hover:not(:disabled){background:#e0f2fe;color:#0284c7}.manage-user .save-btn{background:#4caf50;color:#fff;min-width:40px;padding:4px 8px}.manage-user .save-btn:hover{background:#45a049}.manage-user .cancel-btn{background:#6b7280;color:#fff;min-width:40px;padding:4px 8px}.manage-user .cancel-btn:hover{background:#4b5563}.manage-user .delete-btn{background:#fef2f2;color:#ef4444}.manage-user .delete-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.manage-user .pagination{gap:4px;margin-top:24px}.manage-user .pagination,.manage-user .pagination-btn{align-items:center;display:flex;justify-content:center}.manage-user .pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.manage-user .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.manage-user .pagination-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.manage-user .pagination-btn:disabled{background:#f9fafb;color:#d1d5db;cursor:not-allowed}@media (max-width:1280px){.manage-user .form-row{grid-template-columns:1fr}}@media (max-width:1024px){.manage-user{margin-left:0;padding:16px}.manage-user .content-section{padding:24px}.manage-user .form-row{gap:16px;grid-template-columns:1fr}.manage-user .list-controls{align-items:flex-start;flex-direction:column;gap:12px}.manage-user .control-left{width:100%}.manage-user .control-right{justify-content:flex-end;width:100%}}@media (max-width:768px){.manage-user{padding:12px}.manage-user .content-section{padding:20px}.manage-user .page-header h1{font-size:20px}.manage-user .section-header h2{font-size:16px}.manage-user .form-actions{flex-direction:column}.manage-user .reset-btn,.manage-user .submit-btn{width:100%}.manage-user .advertisers-table{font-size:13px}.manage-user .advertisers-table td,.manage-user .advertisers-table th{padding:8px 12px}.manage-user .edit-actions{flex-direction:column;gap:2px}.manage-user .cancel-btn,.manage-user .save-btn{min-width:0;min-width:auto;width:100%}.manage-user .pagination{gap:2px}.manage-user .pagination-btn{font-size:13px;height:32px;width:32px}}.manage-user .service-type-loading-container{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.manage-user .service-type-loading-spinner{animation:service-type-spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007bff;height:40px;width:40px}.manage-user .service-type-loading-text{color:#666;font-size:16px;font-weight:500;margin:0}@keyframes service-type-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customer-contents{background:oklch(.985 .002 247.839);margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:24px;transition:margin-left .3s ease}.page-header{margin-bottom:32px}.page-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.page-header p{color:#6b7280;font-size:14px}.content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:32px}.section-header{margin-bottom:32px}.section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.section-header p{color:#6b7280;font-size:14px}.contents-form{gap:32px}.contents-form,.form-group{display:flex;flex-direction:column}.form-group label{color:#374151}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.form-group input::placeholder{color:#9ca3af}.upload-section{display:flex;flex-direction:row;gap:20px}.upload-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin-bottom:8px}.upload-header h3{margin:0}.upload-header h3,.upload-limit{color:#374151;font-size:14px;font-weight:500}.upload-section-box{width:50%}.upload-area{position:relative}.upload-zone{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-zone:hover{background:#f8fff8;border-color:#4caf50}.upload-zone.drag-active{background:#f0f9ff;border-color:#4caf50;transform:scale(1.02)}.upload-zone.has-file{background:#fff;border-color:#4caf50;padding:16px}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px}.upload-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center}.upload-text{color:#6b7280;font-size:14px;line-height:1.5;margin:0}.upload-text .highlight{color:#4caf50;font-weight:500}.upload-types{color:#9ca3af;font-size:12px;margin:0}.uploaded-file{flex-direction:column;gap:12px;position:relative}.file-preview,.uploaded-file{align-items:center;display:flex;width:100%}.file-preview{background:#f3f4f6;border-radius:8px;height:120px;justify-content:center;overflow:hidden}.preview-image{border-radius:8px;max-height:100%;max-width:100%;object-fit:cover}.video-preview{color:#6b7280;justify-content:center}.file-info,.video-preview{align-items:center;display:flex}.file-info{flex-direction:column;gap:4px;text-align:center}.file-name{color:#374151;font-size:14px;font-weight:500;max-width:100%;word-break:break-all}.file-size{color:#6b7280;font-size:12px}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:-8px;top:-8px;transition:background-color .2s ease;width:24px}.remove-file:hover{background:#dc2626}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.cancel-btn,.submit-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.submit-btn{background:#4caf50;color:#fff}.submit-btn:hover{background:#45a049}.submit-btn:active{transform:translateY(1px)}@media (max-width:1024px){.customer-contents{margin-left:0;padding:16px}.content-section{padding:24px}.upload-container{gap:20px;grid-template-columns:1fr}}@media (max-width:768px){.customer-contents{padding:12px}.content-section{padding:20px}.page-header h1{font-size:20px}.section-header h2{font-size:16px}.upload-header{align-items:flex-start;flex-direction:column;gap:8px}.upload-zone{min-height:160px;padding:30px 15px}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.upload-section{flex-direction:column}.upload-section-box{width:100%}}@media (max-width:480px){.upload-zone{min-height:140px;padding:20px 12px}.upload-icon svg{height:36px;width:36px}.upload-text{font-size:13px}.upload-types{font-size:11px}}.admin{background:oklch(.985 .002 247.839);margin-left:260px;margin-top:64px;min-height:calc(100vh - 64px);padding:24px;transition:margin-left .3s ease}.admin .page-header{margin-bottom:32px}.admin .page-header h1{color:#1f2937;font-size:24px;font-weight:600;margin-bottom:4px}.admin .page-header p{color:#6b7280;font-size:14px}.admin .main-tabs{display:flex;gap:8px;margin-top:16px}.admin .main-tab-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s ease}.admin .main-tab-btn:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.admin .main-tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin .main-tab-btn.active:hover{background:#2563eb;border-color:#2563eb}.admin .search-section{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.admin .search-form{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:200px 100px}.admin .search-field{display:flex;flex-direction:column;gap:6px}.admin .search-field label{color:#374151;font-size:14px;font-weight:500}.admin .search-field input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}.admin .search-field input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.admin .search-field input::placeholder{color:#9ca3af}.admin .search-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:background-color .2s ease;white-space:nowrap}.admin .search-btn:hover:not(:disabled){background:#45a049}.admin .search-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed}.admin .content-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:32px}.admin .content-section.list-section{margin-bottom:0}.admin .section-header{margin-bottom:32px}.admin .section-header h2{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.admin .section-header p{color:#6b7280;font-size:14px}.admin .list-controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.admin .list-info{color:#6b7280;font-size:14px}.admin .list-info .selected-count{color:#dc2626;font-weight:500}.admin .list-actions{display:flex;gap:12px}.admin .action-btn{align-items:center;border:1px solid #0000;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.admin .action-btn.add-btn{background:#4caf50;border-color:#4caf50;color:#fff}.admin .action-btn.add-btn:hover{background:#45a049;border-color:#45a049}.admin .action-btn.delete-btn{background:#dc2626;border-color:#dc2626;color:#fff}.admin .action-btn.delete-btn:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.admin .action-btn.delete-btn:disabled{background:#9ca3af;border-color:#9ca3af;color:#d1d5db;cursor:not-allowed}.admin .action-btn svg{height:16px;width:16px}.admin .table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin .data-table{border-collapse:collapse;width:100%}.admin .data-table thead{background:#f9fafb}.admin .data-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.admin .data-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px}.admin .data-table tr:last-child td{border-bottom:none}.admin .data-table tr:hover{background:#f9fafb}.admin .data-table .no-data{color:#6b7280;font-style:italic;padding:40px 20px;text-align:center}.admin .data-table .checkbox-col{text-align:center;width:40px}.admin .data-table input[type=checkbox]{cursor:pointer;transform:scale(1.1)}.admin .data-table .action-col{text-align:center;width:60px}.admin .table-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .2s ease}.admin .table-action-btn.delete-btn{background:#dc2626;color:#fff}.admin .table-action-btn.delete-btn:hover{background:#b91c1c}.admin .table-action-btn svg{height:14px;width:14px}.admin .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.admin .admin-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.admin .modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.admin .modal-header h3{color:#1f2937;font-size:18px;font-weight:600;margin:0}.admin .close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:8px;transition:background-color .2s ease,color .2s ease}.admin .close-btn:hover{background:#f3f4f6;color:#374151}.admin .modal-body{flex:1 1;overflow-y:auto;padding:24px}.admin .modal-form{gap:20px}.admin .modal-form,.admin .modal-form .form-group{display:flex;flex-direction:column}.admin .modal-form .form-group label{color:#374151;font-size:14px;font-weight:500;margin-bottom:8px}.admin .modal-form .form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.admin .modal-form .form-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.admin .modal-form .form-group input::placeholder{color:#9ca3af}.admin .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.admin .modal-footer button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.admin .cancel-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.admin .cancel-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.admin .submit-btn{background:#4caf50;color:#fff}.admin .submit-btn:hover:not(:disabled){background:#45a049}.admin .submit-btn:disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed;transform:none}.admin .modal-footer button:disabled{cursor:not-allowed;opacity:1}.admin .pagination{gap:4px;margin-top:24px}.admin .pagination,.admin .pagination-btn{align-items:center;display:flex;justify-content:center}.admin .pagination-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;height:36px;transition:all .2s ease;width:36px}.admin .pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.admin .pagination-btn.active{background:#4caf50;border-color:#4caf50;color:#fff}.admin .pagination-btn:disabled{background:#f9fafb;color:#d1d5db;cursor:not-allowed}@media (max-width:1024px){.admin{margin-left:0;margin-top:0;padding:16px}}@media (max-width:768px){.admin .search-form{gap:12px;grid-template-columns:1fr}.admin .search-field{max-width:none}.admin .list-controls{align-items:stretch;flex-direction:column;gap:12px}.admin .list-actions{justify-content:flex-end}.admin .table-container{overflow-x:auto}.admin .data-table{min-width:500px}.admin .modal-overlay{padding:8px}.admin .admin-modal{max-width:none}.admin .modal-form .form-group input{font-size:16px}.admin .pagination{flex-wrap:wrap;gap:2px}.admin .pagination-btn{font-size:12px;height:32px;width:32px}.admin .data-table .checkbox-col{width:35px}.admin .data-table .action-col{width:50px}.admin .data-table input[type=checkbox]{transform:scale(1)}.admin .table-action-btn{padding:4px}.admin .table-action-btn svg{height:12px;width:12px}}.admin-settings{width:100%}.admin-settings .settings-tabs{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;box-shadow:0 1px 3px #0000001a;display:flex;margin-bottom:24px;overflow:hidden}.admin-settings .tab-btn{background:#f9fafb;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:16px 24px;text-align:center;transition:all .2s ease}.admin-settings .tab-btn:hover{background:#f3f4f6;color:#374151}.admin-settings .tab-btn.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.admin-settings .settings-content{background:#fff;border-radius:0 0 8px 8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.admin-settings .settings-section{padding:24px}.admin-settings .section-header{border-bottom:1px solid #f3f4f6;margin-bottom:24px;padding-bottom:16px}.admin-settings .section-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0 0 8px}.admin-settings .section-header p{color:#6b7280;font-size:14px;margin:0}.admin-settings .form-container{max-width:600px}.admin-settings .form-group{margin-bottom:20px}.admin-settings .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.admin-settings .form-group input,.admin-settings .form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.admin-settings .form-group input:focus,.admin-settings .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-settings .form-group textarea{min-height:80px;resize:vertical}.admin-settings .form-actions{border-top:1px solid #f3f4f6;padding-top:16px;text-align:right}.admin-settings .save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background-color .2s}.admin-settings .save-btn:hover:not(:disabled){background:#2563eb}.admin-settings .save-btn:disabled{background:#9ca3af;cursor:not-allowed}.admin-settings .add-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.admin-settings .add-form h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.admin-settings .form-row{align-items:end;display:flex;gap:16px}.admin-settings .form-row .form-group{flex:1 1;margin-bottom:0}.admin-settings .form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.admin-settings .form-grid .form-group.full-width{grid-column:1/-1;text-align:right}.admin-settings .add-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 20px;transition:background-color .2s;white-space:nowrap}.admin-settings .add-btn:hover:not(:disabled){background:#059669}.admin-settings .add-btn:disabled{background:#9ca3af;cursor:not-allowed}.admin-settings .content-type-selection{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px}.admin-settings .content-type-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:12px}.admin-settings .checkbox-group{display:flex;flex-wrap:wrap;gap:16px}.admin-settings .checkbox-item{align-items:center;display:flex;gap:8px}.admin-settings .checkbox-item input[type=checkbox]{cursor:pointer;margin:0;width:auto}.admin-settings .checkbox-label{color:#374151;cursor:pointer;font-size:14px;margin:0}.admin-settings .content-type-tags{display:flex;flex-wrap:wrap;gap:6px}.admin-settings .content-type-tag{background:#e0f2fe;border-radius:12px;color:#0277bd;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.admin-settings .add-button-container{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:20px;text-align:right}.admin-settings .loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.admin-settings .loading-spinner{margin-bottom:16px}.admin-settings .spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}.admin-settings .loading-state p{color:#6b7280;font-size:16px;margin:0}.admin-settings .list-container{margin-top:24px}.admin-settings .list-container h4{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 16px}.admin-settings .table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.admin-settings .data-table{background:#fff;border-collapse:collapse;width:100%}.admin-settings .data-table td,.admin-settings .data-table th{border-bottom:1px solid #f3f4f6;padding:12px 16px;text-align:left}.admin-settings .data-table th{background:#f9fafb;color:#374151;font-size:14px;font-weight:600}.admin-settings .data-table td{color:#6b7280;font-size:14px}.admin-settings .data-table tbody tr:last-child td{border-bottom:none}.admin-settings .data-table tbody tr:hover{background:#f9fafb}.admin-settings .action-col{text-align:center;width:80px}.admin-settings .table-action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background-color .2s}.admin-settings .table-action-btn.delete-btn{color:#fef2f2}.admin-settings .table-action-btn.delete-btn:hover{background:#fef2f2;color:#dc2626}.admin-settings .no-data{color:#9ca3af;font-style:italic;padding:40px 16px;text-align:center}.admin-settings .icon-preview{align-items:center;display:inline-flex;height:24px;justify-content:center;width:24px}.admin-settings .icon-preview svg{color:#6b7280;height:16px;width:16px}@media (max-width:768px){.admin-settings .settings-tabs{flex-direction:column}.admin-settings .tab-btn{flex:none}.admin-settings .settings-section{padding:16px}.admin-settings .form-row{flex-direction:column;gap:12px}.admin-settings .form-row .add-btn{align-self:stretch}.admin-settings .form-grid{gap:12px;grid-template-columns:1fr}.admin-settings .checkbox-group{flex-direction:column;gap:12px}.admin-settings .add-button-container{text-align:stretch}.admin-settings .add-button-container .add-btn{width:100%}.admin-settings .table-container{overflow-x:auto}.admin-settings .data-table{min-width:500px}}@media (max-width:480px){.admin-settings .settings-section{padding:12px}.admin-settings .section-header{margin-bottom:16px;padding-bottom:12px}.admin-settings .section-header h3{font-size:18px}.admin-settings .add-form{padding:16px}.admin-settings .form-group input,.admin-settings .form-group textarea{padding:10px}.admin-settings .data-table td,.admin-settings .data-table th{font-size:13px;padding:8px 12px}}.findpw-container{background-color:oklch(.985 .002 247.839);justify-content:center;min-height:100vh}.findpw-box,.findpw-container{align-items:center;display:flex}.findpw-box{background:#0000;border-radius:16px;flex-direction:column;max-width:500px;padding:40px;width:100%}.findpw-icon-box{padding:0;text-align:center;width:28rem}.findpw-icon{align-items:center;background:#4caf50;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.findpw-icon>svg{color:#fff;height:30px;width:30px}.findpw-title{color:#1e293b;font-size:1.7rem;font-weight:700;margin-bottom:8px;text-align:center}.findpw-desc{color:#64748b;font-size:1rem;margin-bottom:18px;text-align:center}.findpw-back{align-self:flex-start;background:none;border:none;color:#22c55e;cursor:pointer;font-size:14px;margin:0 auto 18px;text-align:left;transition:color .2s}.findpw-back:hover{color:#16a34a}.findpw-form{border-radius:10px;box-shadow:0 4px 6px -1px #0005;display:flex;flex-direction:column;gap:0;padding:32px;width:100%}.findpw-label{color:#222;font-size:1rem;font-weight:500;margin-bottom:6px}.findpw-input{background:#f9fafb;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;margin-bottom:10px;padding:12px 16px;transition:border-color .2s;width:100%}.findpw-input:focus{border-color:#22c55e;outline:none}.findpw-info-box{background:#f1f5ff;border:1.5px solid #b6d2fa;border-radius:8px;color:#334155;font-size:.97rem;margin-bottom:14px;padding:14px 16px}.findpw-info-title{color:#2563eb;font-size:1rem;font-weight:600;margin-bottom:4px}.findpw-submit-btn{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:400;margin-top:8px;padding:8px 16px;transition:background .2s;width:100%}.findpw-submit-btn:hover{background:#16a34a}.findpw-success{color:#22c55e;font-size:1rem;margin-top:12px;text-align:center}@media (max-width:600px){.findpw-container{padding:20px}.findpw-box{border-radius:12px;max-width:100vw;min-width:0;padding:18px 8px 24px;width:100%}.findpw-icon-box{width:auto}.findpw-icon{height:50px;margin-bottom:24px;width:50px}.findpw-icon>svg{height:20px;width:20px}.findpw-title{font-size:1.2rem;margin-bottom:8px}.findpw-desc{margin-bottom:16px}.findpw-desc,.findpw-label{font-size:.97rem}.findpw-input{border-radius:7px;font-size:1rem;padding:10px 12px}.findpw-submit-btn{border-radius:7px;font-size:1.08rem}}@font-face{font-family:NanumSquareNeoLight;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype")}@font-face{font-family:NanumSquareNeo;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype")}@font-face{font-family:NanumSquareNeoBold;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype")}@font-face{font-family:NanumSquareNeoExtraBold;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype")}@font-face{font-family:NanumSquareNeoHeavy;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype")}@font-face{font-family:NanumSquareNeoVariable;src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);src:url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"),url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype")}:root{--brand:#45a049;--brand-ink:#2e7a32;--text:#1f2937;--muted:#6b7280;--bg:#fff;--card:#fff;--border:#e5e7eb;--chip:#f0fdf4;--ring:#45a0492e;--shadow:0 6px 18px #11182714}body{font:400 15px/1.5 NanumSquareNeo,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;height:100%}.marketing-page{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;min-height:100vh;padding:14px 21px}.marketing-container{margin:0 auto;max-width:390px;min-height:calc(100vh - 80px)}.marketing-header{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-direction:column;padding:21px}.header-top{align-items:center;display:flex;justify-content:space-between}.marketing-header h1{color:#000;font-size:18px;font-weight:600;margin:0}.marketing-header .notification-button{align-items:center;background:linear-gradient(135deg,#f1f8e9,#e8f5e8);border:1px solid #c8e6c9;border-radius:8px;box-shadow:0 2px 4px #66bb6a1f;color:#66bb6a;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.marketing-header .notification-button:hover{background:linear-gradient(135deg,#e8f5e8,#dcedc8);box-shadow:0 4px 8px #66bb6a2e;color:#4caf50;transform:translateY(-1px)}.marketing-header .notification-button:active{background:linear-gradient(135deg,#dcedc8,#c8e6c9);box-shadow:0 2px 4px #66bb6a33;transform:translateY(0)}.marketing-header .notification-button svg{height:18px;transition:transform .2s ease;width:18px}.marketing-header .notification-button:hover svg{transform:scale(1.1)}.toggle-btn{align-items:center;background:none;border:none;color:#000;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:0}.toggle-btn:hover{color:#3eb034}.score-section{align-items:end;display:flex;justify-content:space-between;margin-bottom:0;text-align:left}.main-score{align-items:center;display:flex;gap:8px}.score-number{color:#3eb034;font-size:32px;font-weight:600;margin:0}.grade{color:#666;font-size:14px;font-weight:400}.period-tag{align-items:center;background:#f0f8f0;border:1px solid oklab(66.7989% -.150726 .117915/.3);border-radius:8px;color:#000;display:flex;font-size:14px;font-weight:600;gap:6px;margin-top:14px;padding:12px}.alert-icon{background:linear-gradient(135deg,#065f46,#047857);border:none;border-radius:6px;box-shadow:0 2px 4px #065f4633;color:#fff;flex-shrink:0;font-family:NanumSquareNeoBold;font-size:11px;padding:4px 8px;position:relative;transition:all .2s ease}.alert-icon:after{background:#ffffff4d;border-radius:3px;content:"";height:1px;left:1px;position:absolute;right:1px;top:1px}.alert-text{color:#0c4a6e;font-family:NanumSquareNeo;font-size:13px;line-height:1.5;overflow-wrap:break-word;text-shadow:0 1px 2px #fffc;transition:color .2s ease;word-break:keep-all}.alert-one-line-text{cursor:pointer;display:inline-block;max-width:300px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.alert-full-text{overflow:visible;text-overflow:clip;white-space:normal}.stats-card{background:#f8f9fa;border-radius:8px;margin-top:14px;padding:20px}.stats-card h3{color:#333;font-size:14px;font-weight:500;margin:0 0 12px}.stats-list{display:flex;flex-direction:column;gap:6px}.stat-item{align-items:flex-start;color:#666;display:flex;font-size:13px;gap:6px;line-height:1.4}.bullet{color:#666;font-weight:400;margin-top:1px}.report-button{margin:14px 0}.marketing-page .report-button{margin:12px 0}.report-btn:hover{background:linear-gradient(135deg,#e0f2fe,#bae6fd);box-shadow:0 4px 12px #0ea5e926;transform:translateY(-1px)}.report-btn:active{background:linear-gradient(135deg,#bae6fd,#93c5fd);box-shadow:0 2px 6px #0ea5e933;transform:translateY(0)}.report-btn:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0ea5e9,#38bdf8,#0ea5e9);background-size:200% 100%;content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.report-button:active .alert-icon{box-shadow:0 1px 2px #065f464d;transform:scale(.95)}.report-button:active .alert-text{color:#075985}.report-btn{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;box-shadow:0 1px 3px #0000001a;color:#0c4a6e;cursor:pointer;display:flex;font-weight:600;gap:10px;overflow:hidden;padding:12px 14px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.report-btn .icon{font-size:14px}.menu-list{display:flex;flex-direction:column;gap:7px;margin:20px 0;padding:0}.menu-item{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #11182714;box-shadow:var(--shadow);color:inherit;display:flex;gap:12px;isolation:isolate;min-height:70px;overflow:hidden;padding:12px;position:relative;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-item:hover{border-color:#d1d5db;box-shadow:0 8px 20px #1118271a;transform:translateY(-1px)}.menu-content{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.menu-content .menu-label-box{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.menu-content .menu-label-box .menu-label{font-family:NanumSquareNeoExtraBold;font-size:14px;letter-spacing:.1px;line-height:1.25;overflow-wrap:break-word;word-break:keep-all}.menu-content .menu-label-box .menu-sub-label{color:#6b7280;color:var(--muted);font-family:NanumSquareNeoBold;font-size:12px;line-height:1.3;overflow-wrap:break-word;word-break:keep-all}.menu-content .menu-meta{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:8px}.menu-content .menu-meta .menu-count{background:#f0fdf4;border:1px solid #c6f6d5;border-radius:999px;color:#065f46;display:grid;font-family:NanumSquareNeoBold;font-size:11px;height:20px;min-width:20px;padding:0 6px;place-items:center}.menu-content .menu-meta .menu-new-icon{background:#ff6166;border:1px solid #ff6166;border-radius:999px;box-shadow:0 1px 3px #ff61664d;color:#fff;font-family:NanumSquareNeoBold;font-size:10px;letter-spacing:.4px;padding:2px 5px}.menu-icon{background:linear-gradient(135deg,#f1f8e9,#e8f5e8);border:1px solid #c8e6c9;border-radius:12px;box-shadow:0 2px 8px #66bb6a26,inset 0 1px 0 #ffffffe6;display:grid;flex-shrink:0;height:42px;place-items:center;transition:all .2s ease;width:42px}.menu-item:hover .menu-icon{background:linear-gradient(135deg,#e8f5e8,#dcedc8);box-shadow:0 4px 12px #66bb6a40,inset 0 1px 0 #fffffff2;transform:scale(1.05)}.menu-icon svg{stroke:#66bb6a;stroke-width:1.8;height:20px;width:20px}.menu-label{color:#333;font-size:14px;font-weight:600}.arrow{color:#ccc;font-size:14px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;height:400px;justify-content:center}.spinner{border:4px solid #f3f3f3;border-top-color:#007bff;height:40px;width:40px}.loading-spinner p{color:#666;font-size:16px;margin:0}@media (max-width:480px){.marketing-container{max-width:100%}.marketing-header{padding:30px 20px 20px}.marketing-header h1{font-size:18px}.score-number{font-size:32px}.stats-card{margin:15px;padding:16px}.menu-list,.report-button{margin:15px 0}.menu-list{gap:10px}.menu-item{padding:14px 16px}}.password-form-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:40px;padding:32px 24px;text-align:center}.password-form-container h2{color:#000;font-size:24px;font-weight:600;margin:0 0 8px}.password-form-container p{color:#666;font-size:14px;line-height:1.4;margin:0 0 32px}.password-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#3eb034;box-shadow:0 0 0 3px #3eb0341a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-text{color:#dc2626;font-size:12px;margin-top:4px;text-align:left}.submit-button{background:#3eb034;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:8px;padding:12px 24px;transition:background-color .2s ease}.submit-button:hover:not(:disabled){background:#359a2b}.submit-button:disabled{background:#ccc;cursor:not-allowed}.error-message{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-top:40px;padding:32px 24px;text-align:center}.error-message h2{color:#dc2626;font-size:24px;font-weight:600;margin:0 0 8px}.error-message p{color:#666;font-size:14px;line-height:1.4;margin:0}#common-popup:before{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}#common-popup iframe{display:inline-block;height:100%!important;left:0;position:absolute;top:0;width:100%!important}.report-button.fixed{bottom:0;position:fixed;width:390px}@media (max-width:500px){.report-button.fixed{left:21px;width:calc(100% - 42px)}}.marketing-page .detail-header{display:flex;justify-content:space-between}.marketing-page .detail-header img,.marketing-page .marketing-header img{height:28px}.marketing-page .marketing-header{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #11182714;box-shadow:var(--shadow);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.marketing-page .marketing-header .header-logo{align-items:center;display:flex;justify-content:space-between}.marketing-page .marketing-header .header-logo .header-logo-img{align-items:center;display:flex;gap:6px}.marketing-page .marketing-header .header-top{justify-content:center;margin:6px 0;text-align:center}.marketing-page .marketing-header .header-top h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#66bb6a,#4caf50);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--text);font-family:NanumSquareNeoExtraBold;font-size:18px;letter-spacing:.5px;text-shadow:0 2px 4px #66bb6a33}.marketing-page .marketing-header .period-tag{background:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;padding:6px 10px}.marketing-page .marketing-header .period-tag span{color:#2e7d32;font-family:NanumSquareNeoBold;font-size:12px}.base-list-image-page,.base-list-review-page,.base-list-video-page{background:#f5f5f5;display:block;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;min-height:auto;padding:0 0 80px}.base-list-image-page .marketing-container,.base-list-review-page .marketing-container,.base-list-video-page .marketing-container,.place-ranking-page .marketing-container{padding-top:70px}.menu-count{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 2px 4px #4caf504d;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;letter-spacing:.3px;margin-left:0;min-width:18px;padding:2px 6px;transition:all .2s ease}@keyframes pulse{0%{box-shadow:0 2px 4px #ff4b574d;transform:scale(1)}50%{box-shadow:0 4px 8px #ff4b5780;transform:scale(1.05)}to{box-shadow:0 2px 4px #ff4b574d;transform:scale(1)}}@media (max-width:320px){.marketing-header .notification-button{padding:4px}.marketing-header h1{font-size:16px}.menu-count,.menu-new-icon{font-size:9px;padding:1px 4px}.menu-count{height:16px;margin-left:0;min-width:16px}}@media (max-width:390px){.page{padding:8px}.container{gap:10px}.header{padding:10px 12px}.marketing-page .marketing-header .header-top h1{font-size:16px}.marketing-page .marketing-header .period-tag span{font-size:11px}.notification-button{height:28px;width:28px}.notification-badge,.notification-button svg{height:16px;width:16px}.notification-badge{font-size:9px;right:-3px;top:-3px}.menu-item{gap:10px;min-height:65px;padding:10px}.menu-icon{height:38px;width:38px}.menu-icon svg{height:20px;width:20px}.menu-content .menu-label-box .menu-label{font-size:13px}.menu-content .menu-label-box .menu-sub-label{font-size:11px}}.marketing-header-box{background-color:#fff;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:14px;padding:14px 21px;position:fixed;top:0;width:390px;z-index:10}.marketing-header-box .back-button{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:8px;padding:0}.marketing-header-box .back-button svg{color:#666}.marketing-header-box img{height:28px}@media (max-width:320px){.marketing-header-box .back-button,.place-ranking-page .place-ranking-detail .back-button{font-size:16px}.marketing-header-box img,.place-ranking-page .place-ranking-detail img{height:24px}}@media (max-width:500px){.marketing-header-box,.place-ranking-page .place-ranking-detail .detail-header{left:0;width:100%}}.base-list-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto 14px;padding:14px;width:calc(100% - 42px)}.base-list-section .section-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.base-list-section .section-title svg{color:#3eb034}.base-list-section .base-list-box{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr;list-style:none;margin:0;padding:0}.base-list-section .base-list-item{grid-gap:12px 20px;align-items:center;background:linear-gradient(180deg,#ffffff08,#fff0) padding-box,linear-gradient(180deg,#ffffff40,#fff0) border-box;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 24px #0d172914;display:grid;gap:12px 20px;grid-template-columns:1fr;padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.base-list-section .base-list-item:hover{border-color:#4f8cff59;box-shadow:0 14px 32px #00000047;transform:translateY(-2px)}.base-list-section .base-list-item.new-item{background:#fff5f5;border-color:#ffa5a5}.base-list-section .base-list-header{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.5;margin:0}.base-list-section .base-list-header a{background:linear-gradient(currentColor,currentColor) 0 100% /0 2px no-repeat;color:#0b1220;text-decoration:none;transition:background-size .2s ease,color .2s ease}.base-list-section .base-list-meta{color:#4b5563;font-size:13px;margin-top:2px}.base-list-section .base-list-actions{display:flex;flex-wrap:wrap;gap:8px;justify-self:start}.base-list-section .base-action-image svg,.base-list-section .base-action-link svg{height:16px;width:16px}.base-list-section .base-action-image,.base-list-section .base-action-link{--btn-color:#22c55e;align-items:center;background:#f3f4f6;border:1px solid #22c55e;border-radius:999px;color:#22c55e;display:inline-flex;font-size:13px;font-weight:600;gap:8px;line-height:1;padding:10px;text-decoration:none;transition:transform .12s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease;will-change:transform}.base-list-section .base-list-item.new-item .base-list-header a{color:#953331}.base-list-section .base-list-item.new-item .base-action-image,.base-list-section .base-list-item.new-item .base-action-link{--btn-color:#ffa5a5;border-color:#ffa5a5;color:#ffa5a5}.base-list-section .base-list-item.new-item .base-action-link svg{fill:#ffa5a5}.base-list-review-page .blog-status-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto 14px;padding:21px;width:calc(100% - 42px)}.base-list-review-page .section-title{align-items:center;color:#000;display:flex;font-size:18px;font-weight:700;gap:8px;margin-bottom:14px}.base-list-review-page .section-title svg{color:#3eb034}.base-list-review-page .section-icon{flex-shrink:0;height:28px;width:28px}.base-list-review-page .base-review-list-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:14px auto;padding:14px;width:calc(100% - 42px)}.base-list-review-page .base-review-list-section .section-title svg{height:16px;width:16px}.base-list-review-page .base-review-list-box table{border-collapse:collapse;font-size:14px;width:100%}.base-list-review-page .base-review-list-box th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#374151;font-weight:500;padding:12px 8px;text-align:left;white-space:nowrap}.base-list-review-page .base-review-list-box td{border-bottom:1px solid #f1f5f9;color:#1f2937;padding:12px 8px}.base-list-review-page .base-review-list-box td span{background:oklch(.982 .018 155.826);border:1px solid #4caf50;border-radius:8px;display:inline-block;padding:0 5px}.base-list-review-page .base-review-list-box tbody tr:hover{background:#f8fafc}.base-list-review-page .base-review-list-box td a{color:#000;display:block;font-size:14px;font-weight:600;line-height:1.4;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;width:200px}.base-list-review-page .base-review-list-box tr:nth-child(2n){background:#0000000d}.base-list-review-page .base-review-list-box .base-review-item.new-item{background:#fff5f5;border-color:#ffa5a5}.base-list-review-page .base-review-list-box .base-review-item.new-item td span{background:#ffa5a5;border-color:#ffa5a5;color:#fff}.base-list-review-page .base-review-list-box .base-review-item.new-item td a{color:#953331}.base-list-review-page .base-review-action-link svg{height:16px;width:16px}.base-list-review-page .base-review-action-link{--btn-color:#22c55e;align-items:center;background:#f3f4f6;border:1px solid #22c55e;border-radius:999px;color:#22c55e;display:inline-flex;font-size:13px;font-weight:600;gap:8px;line-height:1;padding:10px;text-decoration:none;transition:transform .12s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease;will-change:transform}.base-list-review-page .base-review-item.new-item .base-review-action-link{--btn-color:#ffa5a5;border-color:#ffa5a5;color:#ffa5a5}.base-list-review-page .base-review-item.new-item .base-review-action-link svg{fill:#ffa5a5}.base-video-list-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin:0 auto 14px;padding:14px;width:calc(100% - 42px)}.base-video-list-section .section-title{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:16px}.base-video-list-section .section-title svg{color:#3eb034}.base-video-list-section .base-video-list-box{display:flex;flex-direction:column;gap:10.5px}.base-video-list-section .youtube-video-item{border:1px solid oklch(.967 .003 264.542);border-radius:8px;display:flex;gap:8px;justify-content:space-between;padding:10.5px}.base-video-list-section .youtube-video-item:hover{cursor:pointer}.base-video-list-section .youtube-video-item.new-item{background:#fff5f5;border-color:#ffa5a5}.base-video-list-section .youtube-video-thumbnail{position:relative;width:100%}.base-video-list-section .youtube-video-thumbnail img{height:100%;object-fit:cover;width:100%}.base-video-list-section .youtube-video-thumbnail .youtube-video-play-button{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzU0RUU5M0U0M0VGMTFFOUI1Q0M4REM1NDNEQUU5ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzU0RUU5M0Y0M0VGMTFFOUI1Q0M4REM1NDNEQUU5ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNTRFRTkzQzQzRUYxMUU5QjVDQzhEQzU0M0RBRTk4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNTRFRTkzRDQzRUYxMUU5QjVDQzhEQzU0M0RBRTk4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiCe0soAAAOgSURBVHja1JnfS5NhFMfP1kRXMgpGv4jINQM3jIJApEwQXOQM1LrR9EpEuljQ0gsvBBWvvKobtSAC/QdE+qnzoiQELyTG+gEblTGHpWJIjaHp2zlvz0LtdfN93+f94YEPsh/Peb57Pc9znnMeiyAIoNIOIpcZZ5GTyGHkAPv8F/Id+YqEkUnkFfJD1awkXAG5yE3kOfJbkG805gXzkatEg9wBdiSIxAV+Nsd82rUSfhWJCdpZjM3BTXge0i/oZ/1szoy6LFkW5xHkCXIB9LUZpAr5ttMXMgl3IS8RNxhjMcSHfJYj/ATbtk6BsfYFKUPi2z+wSnx5PzJqAtHANIwyTVmF30POg3mMtNzPFiq0IJ6COc2PPJMSnodEkNMmFf4J8SKp7aFyS4no1tZWSCQSegh3MY1bziq5LPXKtoKCAsHr9QoDAwPC6uqq1skpkU5O6Sd+Azmu9FEkk0no6+uD6upqmJ6e1vKpH0Oubw6VJh5eo9Eo1NfXQ1tbGywtLWklvim9OOk8vYjsUxR4Lpfk+w6HA9rb28UfYrVaeQpfR5zksVyp6Ey2srICnZ2dUFdXB5FIhKdr0lpOwi9pGZThcBhqamqgq6tL/DGcrIyEF2m9j21sbMDQ0BBUVlbCyMgIcCgXi0h4oV4ZZGFhAYLBIDQ2NkIsFlPjyk3Cj+qdAqempsDv94tbaCqVUuJCXJwOI/L32toaDA4Ogs/ng4mJCbnD861gsP2rIWWajXYuI556Tk4ONDc3QyAQALvdLnf4TxI+r7fwkpIS6OnpgcJCxfvCIgmPImf0EOx0OqGjo0Pc1y0Wi6p6lGL8o9aCKeXTFhgKhaC2tlataLIPNlYU39VKdHFxMfT29op/OdqkjTUg13mfV+iQRafEhoYGLQ5Zr62saxri5ZXCgGJ4fHxcDA/Ooslo01+2sRfDyBW1Ht1uN3R3d0NpaamWS2Z4cwLIY2WRotLN4/HoXrptbiTeUeKppaVFiMfjejVEg1JNT2pPvGPV9J5qT9AbATCv3U6LlmrBUafokQlFP97eYZPq1lKD8Q1yziSi3yIXqQuyJRtLtUmQa8isCUTPMi3J/44ROwygfnQFWxBGLsYKkOiNZxKeHkj/ohkDRM+wuXd8cNny8Txz8FBH0Q/YnPO7Kp12QdVeuy6UuqBNcE7jml7QSl2Jj6m4Eh9TcyVu4dBVOsT6jxSXHnZkoPvR/HRhC3/vK2mhvWc5gmqAZTWT/hFgADMfODPerv/+AAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:cover;height:23px;margin:8px;pointer-events:none;position:absolute;right:8px;top:8px;width:23px;z-index:1}.history-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.history-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:100%}.history-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.history-header h2{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.close-button:hover{background-color:#f3f4f6}.close-button svg{color:#6b7280}.history-content{flex:1 1;overflow-y:auto;padding:20px 24px}.history-list{display:flex;flex-direction:column;gap:24px}.date-group{background:#0000;margin-bottom:32px}.date-header{align-items:center;background:#0000;border-bottom:none;color:#6b7280;display:flex;justify-content:flex-start;padding:0 0 16px}.date-title{color:#6b7280;font-size:14px;font-weight:500;margin:0}.item-count{display:none}.date-items{display:flex;flex-direction:column;gap:0;padding:0}.history-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;display:flex;gap:12px;min-height:56px;padding:12px 16px;transition:background-color .2s}.history-item:hover{background-color:#f8fafc;box-shadow:none;transform:none}.history-item:last-child{border-bottom:none}.history-item-icon{align-items:center;background:#0000;border-radius:0;box-shadow:none;color:#3b82f6;display:flex;flex-shrink:0;font-size:16px;height:20px;justify-content:center;width:20px}.history-item-content{flex:1 1;min-width:0}.history-item-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:0;width:100%}.history-item-header h4{color:#1f2937;flex:1 1;font-size:15px;font-weight:400;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item-header h4 b{cursor:pointer}.history-item-type{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}.history-item-date,.history-item-description{display:none}.history-item-datetime{color:#9ca3af;font-size:12px;margin:0 8px}.empty-history,.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{margin-bottom:16px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#3b82f6;height:32px;width:32px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon,.error-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-history p,.error-state p,.loading-state p{color:#6b7280;font-size:16px;margin:0}.retry-button{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:16px;padding:8px 16px;transition:background-color .2s}.retry-button:hover{background:#2563eb}@media (max-width:768px){.history-overlay{padding:10px}.history-container{max-height:90vh}.history-header{padding:16px 20px}.history-header h2{font-size:18px}.history-content{padding:16px 20px}.history-item{gap:12px;padding:16px}.history-item-icon{font-size:20px;height:36px;width:36px}.history-item-header{align-items:flex-start;flex-direction:column;gap:8px}.date-header{padding:0 0 12px}.date-title{font-size:13px}.date-items{padding:0}.history-item{min-height:48px;padding:10px 12px}.history-item-header h4{font-size:14px;overflow:visible;text-overflow:clip;white-space:normal}.history-item-type{align-self:flex-start;font-size:11px;padding:3px 8px}.history-item-description{font-size:13px}.empty-history{padding:40px 20px}.empty-icon{font-size:40px}}@media (max-width:480px){.history-overlay{padding:5px}.history-container{border-radius:8px;max-height:95vh}.history-header{padding:12px 16px}.history-header h2{font-size:16px}.history-content{padding:12px 16px}.history-item{gap:10px;padding:12px}.history-item-icon{font-size:18px;height:32px;width:32px}.date-header{padding:0 0 10px}.date-title{font-size:12px}.date-items{padding:0}.history-item{min-height:44px;padding:8px 10px}.history-item-header h4{font-size:13px}.history-item-type{font-size:10px;padding:2px 6px}.history-item-description{font-size:12px}.history-item-date{font-size:11px}}.rank-search-container{background-color:#f8f9fa;font-family:"Pretendard, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif";min-height:100vh}.rank-search-container>div{margin:0 auto;max-width:1000px;padding:1rem;padding-inline:2rem;width:100%}.rank-search-container>div:not(:first-child){padding-bottom:0}.rank-search-container .search-section{background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:center;max-width:100%}.rank-search-container .search-box{max-width:1000px;position:relative;width:100%}.rank-search-container .search-input{background-color:#fff;border:1px solid #f0f0f0;border-radius:8px;font-size:14px;padding:15px 50px 15px 20px;transition:border-color .3s ease;width:100%}.rank-search-container .search-input:focus{border-color:#4caf50;outline:none}.rank-search-container .search-icon{align-items:center;background:none;border:none;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:5px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.rank-search-container .search-icon:hover{color:#4caf50}.rank-search-container .sort-buttons{display:flex;gap:10px;justify-content:flex-start}.rank-search-container .sort-btn{align-items:center;background-color:#fff;border:1px solid #3eb034;border-radius:8px;color:#3eb034;cursor:pointer;display:flex;font-size:15px;font-weight:600;height:3rem;justify-content:center;padding:7px 42px;transition:all .3s ease}.rank-search-container .sort-btn:hover{background-color:#f5fbf5;color:#000}.rank-search-container .sort-btn.active{background-color:#3eb034;border-color:#3eb034;color:#fff}.rank-search-container .sort-btn.active:hover{background-color:#35a02a;color:#fff}.rank-search-container .table-header{margin-bottom:20px}.rank-search-container .table-title{color:#212529;font-size:18px;font-weight:600;margin:0 0 8px}.rank-search-container .table-title .count{color:#dc3545;font-size:21px;font-weight:900}.rank-search-container .table-subtitle{color:#dc3545;font-size:12px;line-height:1.4;margin:0}.rank-search-container .table-container{background-color:initial;margin:1rem auto;overflow:hidden}.rank-search-container .rank-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-size:14px;width:100%}.rank-search-container .rank-table thead th{background-color:#fff;border-bottom:1px solid #f0f0f0;color:#111;font-size:14px;font-weight:600;padding:15px 12px;text-align:center}.rank-search-container .rank-table thead th:first-child{border-top-left-radius:8px}.rank-search-container .rank-table thead th:last-child{border-top-right-radius:8px}.rank-search-container .rank-table tbody td{border-bottom:1px solid #f1f5f9;color:#111;min-height:48px;padding:21px 12px;text-align:center}.rank-search-container .rank-table tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.rank-search-container .rank-table tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.rank-search-container .rank-table tbody tr:hover{background-color:#f8f9fa}.rank-search-container .rank-table tbody tr:last-child td{border-bottom-width:2px}.rank-search-container .increase-indicator{color:#dc3545;font-size:12px;font-weight:700;margin-left:5px}.rank-search-container .pagination{align-items:center;display:flex;gap:5px;justify-content:center;padding-top:0}.rank-search-container .page-btn{align-items:center;background-color:initial;border:none;border-radius:4px;color:#111;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:32px;padding:8px 12px;transition:all .2s ease}.rank-search-container .page-btn:first-child,.rank-search-container .page-btn:last-child{font-size:14px}.rank-search-container .page-btn:hover:not(:disabled){background-color:oklch(.967 .003 264.542);color:#030213}.rank-search-container .page-btn.active:hover:not(:disabled){background-color:#35a02a;border-color:#35a02a;color:#fff}.rank-search-container .page-btn.active{background-color:#3eb034;border-color:#3eb034;color:#fff;font-weight:600}.rank-search-container .page-btn:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.rank-search-container .table-footer{color:#ff255b;font-weight:600}.rank-search-container .footer-text{font-size:11px;line-height:1.4;margin:3px 0}@media (max-width:1000px){.rank-search-container .sort-buttons{justify-content:center}.rank-search-container .sort-btn{flex:1 1;font-size:14px;height:2.5rem;padding:7px 12px}.rank-search-container .table-title{font-size:14px}.rank-search-container .table-subtitle{font-size:11px}.rank-search-container .rank-table tbody td,.rank-search-container .rank-table thead th{font-size:11px;padding:15px 8px}.rank-search-container .footer-text{font-size:10.5px}}@media (max-width:639px){.rank-search-container>div{margin:0 auto!important;padding-inline:1rem}.rank-search-container .pagination{padding:1rem 0}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:oklch(.985 .002 247.839);color:#333;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.App{align-items:center;display:flex;justify-content:center}.App,.dashboard-layout{background-color:oklch(.985 .002 247.839);min-height:100vh}.login-container{background:#0000;max-width:500px;padding:40px;width:100%}.login-form{padding:0;text-align:center;width:28rem}.profile-icon{align-items:center;background:#4caf50;border-radius:50%;display:flex;height:64px;justify-content:center;margin:0 auto 24px;width:64px}.profile-icon svg{color:#fff;height:30px;width:30px}.login-title{color:#333;font-size:28px;font-weight:600;margin-bottom:8px}.login-subtitle{color:#666;font-size:16px;line-height:1.5;margin-bottom:32px}.tab-container{background:#f5f5f5;border-radius:8px;display:flex;gap:0;margin-bottom:40px;padding:4px}.tab{background:#0000;border:none;border-radius:6px;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.tab.active{background:#fff;box-shadow:0 2px 4px #0000001a}.tab.active,.tab:hover{color:#4caf50}.login-form-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0005;margin-bottom:32px;padding:32px;text-align:left}.input-group,.input-row{margin-bottom:24px}.input-row{display:flex;gap:16px}.input-group.half{flex:1 1;margin-bottom:0}.input-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:10px}.input-group input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.input-group input::placeholder{color:#999}.password-input-container{position:relative}.password-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.password-toggle:hover{opacity:.7}.password-toggle svg{color:oklch(.707 .022 261.325);height:22px;width:22px}.form-options{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:30px}.form-options.signup-terms{display:block}.checkbox-container{align-items:flex-start;color:#666;cursor:pointer;display:flex;line-height:1.5}.checkbox-container input[type=checkbox]{flex-shrink:0;margin:2px 10px 0 0;transform:scale(1.1);width:auto}.checkmark{margin-left:4px}.terms-text{flex:1 1}.terms-link{background:none;border:none;color:#4caf50;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}.terms-link:hover{color:#45a049}.forgot-password{background:none;border:none;color:#4caf50;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none}.forgot-password:hover{text-decoration:underline}.login-button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;margin-bottom:24px;padding:8px 16px;transition:background-color .2s ease,transform .1s ease;width:100%}.login-button:hover{background:#45a049}.login-button:active{transform:translateY(1px)}.dashboard-link{background:#fff;border:1px solid oklch(.922 0 0);border-radius:8px;color:#666;cursor:pointer;font-size:12px;margin-top:8px;padding:2px 16px;text-align:center}.dashboard-link:hover{background:#f8f9fa}.signup-link{color:#666;font-size:14px;text-align:center}.signup-link button{background:none;border:none;color:#4caf50;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none}.signup-link button:hover{text-decoration:underline}@media (max-width:600px){.App{padding:20px}.login-container{max-width:100%;padding:0}.login-title{font-size:24px}.login-subtitle{font-size:14px}.profile-icon{height:60px;margin-bottom:24px;width:60px}.profile-icon svg{height:24px;width:24px}.tab{font-size:14px;padding:10px 16px}.input-row{flex-direction:column;gap:0}.input-group.half{margin-bottom:24px}.input-group input{font-size:14px;padding:12px 16px}.input-group label{font-size:14px}.login-button{font-size:16px}.form-options{align-items:flex-start;flex-direction:column;gap:14px}.dashboard-link,.form-options,.signup-link,.signup-link button,.terms-link{font-size:14px}}@media (max-width:400px){.login-container{padding:16px}.login-title{font-size:22px}.login-subtitle{font-size:13px}.profile-icon{height:50px;width:50px}.profile-icon svg{height:20px;width:20px}}@media (max-width:600px){.login-container{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh;padding:0 4vw}.login-title{font-size:1.3rem;margin-bottom:8px}.login-subtitle{font-size:.97rem;margin-bottom:16px}.tab-buttons,.tab-container{flex-direction:row;gap:4px;margin-bottom:18px}.tab,.tab-btn{font-size:1rem;min-width:48%;padding:8px 0}.form-group,.input-group{margin-bottom:12px}.form-group label,.input-group label{font-size:.97rem}.form-group input,.input-group input{border-radius:7px;font-size:1rem;padding:10px 12px}.password-input-container{align-items:center;flex-direction:row}.login-btn,.login-button,.signup-btn{border-radius:7px;font-size:1.08rem;width:100%}.forgot-password{font-size:.97rem;padding:0}.signup-link{margin-top:12px}.dashboard-link,.signup-link{font-size:.97rem;text-align:center}.dashboard-link{margin-top:10px}.input-row{flex-direction:column;gap:0}.input-group.half{margin-bottom:12px;width:100%}}
/*# sourceMappingURL=main.f4fe9c92.css.map*/