body{margin:0;font-family:Arial,sans-serif}.layout{width:100%;display:flex}.content{flex:1;padding:20px 40px}.btn{cursor:pointer;background:#000;border:none;border-radius:4px;padding:8px 14px;color:#fff!important}.btn-export{color:#fff;background:#f04646;border-color:#c43b3b}@media (width<=1024px){.main-content{padding-left:200px}}@media (width<=768px){.main-content{padding-top:60px;padding-left:0}}@media (width<=480px){body{font-size:14px}.container{padding:10px}}.sidebar{background:#fff;border-right:1px solid #e0e0e0;width:250px;height:100vh;padding:20px 0}.sidebar .logo{text-align:center;padding-bottom:20px;font-size:22px;font-weight:700}.sidebar ul{padding:0;list-style:none}.sidebar li{cursor:pointer;padding:12px 20px}.sidebar li:hover{color:#fff;background:#000}@media (width<=1024px){.sidebar{width:200px}}@media (width<=768px){.sidebar{z-index:999;height:100vh;transition:left .3s;position:fixed;top:0;left:-260px}.sidebar.active{left:0}.sidebar-toggle{z-index:1000;color:#fff;cursor:pointer;background:#000;border-radius:6px;padding:8px 12px;position:fixed;top:15px;left:15px}}.sidebar li{margin-bottom:4px;padding:10px 14px}.sidebar li.clickable{cursor:pointer;transition:background .2s,color .2s}.sidebar li.active{color:#fff;background:#000;font-weight:600}.header-box{background:#fff;border-radius:14px;width:97%;margin-bottom:24px;padding:18px 20px;box-shadow:0 6px 20px #0000000f}.header-left{grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.project-input{border:1px solid #e0e0e0;border-radius:10px;width:86%;height:42px;padding:10px 14px;font-size:15px;transition:border .2s,box-shadow .2s}.project-select{border:1px solid #e0e0e0;border-radius:10px;width:100%;height:42px;padding:10px 14px;font-size:15px;transition:border .2s,box-shadow .2s}.project-input:focus,.project-select:focus{border-color:#0454f2;outline:none;box-shadow:0 0 0 3px #0454f21f}.keyword-textarea{resize:vertical;border:1px solid #e0e0e0;border-radius:10px;grid-column:span 3;min-height:120px;padding:12px 14px;font-size:15px;transition:border .2s,box-shadow .2s}.keyword-textarea:focus{border-color:#0454f2;outline:none;box-shadow:0 0 0 3px #0454f21f}.header-left small{color:#666;grid-column:span 3;font-size:13px}.header-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.action-group{flex-wrap:wrap;gap:10px;display:flex}.btn-action{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .2s}.btn-action:hover{background:#f6f6f6}.btn-export{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:8px;padding:9px 16px}.btn-export:hover{background:#d32f2f}.btn-checkrank{color:#fff;cursor:pointer;background:#0454f2;border:none;border-radius:10px;padding:10px 20px;font-size:15px;font-weight:600}.btn-checkrank:hover{background:#003cd1}@media (width<=1024px){.header-left{grid-template-columns:1fr}.keyword-textarea{grid-column:span 1}.header-actions{flex-direction:column;align-items:stretch}.action-group{width:100%}.action-group button{flex:1}}.rank-table{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden}.rank-table th{text-align:left;background:#f4f4f4;padding:12px;font-weight:700}.rank-table td{border-bottom:1px solid #ddd;padding:10px}.rank-table tr:hover{background:#fafafa}.popup-overlay{background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup{background:#fff;border-radius:10px;flex-direction:column;gap:10px;width:350px;padding:20px;display:flex}.popup input{border:1px solid #ccc;border-radius:6px;padding:10px}.popup-actions{justify-content:space-between;display:flex}.popup .confirm{color:#fff;background:#007bff;border-radius:6px;padding:8px 16px}@media (width<=1024px){.rank-table{white-space:nowrap;display:block;overflow-x:auto}}@media (width<=600px){.rank-table th,.rank-table td{padding:8px;font-size:13px}}@keyframes spin{to{transform:rotate(360deg)}}.sortable-col{cursor:pointer;white-space:nowrap}.sort-icon{vertical-align:middle;opacity:.7;width:12px;margin-left:4px;font-size:19px;line-height:1;display:inline-block}.sort-icon:not(.asc):not(.desc){opacity:.4}.chart-modal{z-index:999999;background:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.chart-box{background:#fff;border-radius:10px;width:90%;max-width:1100px;padding:20px}.chart-box h2{text-align:center;margin-bottom:10px;font-size:20px}.close-btn{color:#fff;cursor:pointer;background:#d33;border:none;border-radius:6px;margin-top:10px;padding:8px 16px}@media (width<=480px){.popup-box{width:85%;padding:18px}.popup-avatar{width:90px;height:90px}.popup-name{font-size:18px}.popup-email{font-size:14px}.popup-close{width:100%;padding:10px;font-size:16px}}.topbar{background:#fff;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.topbar-left{flex-direction:column;line-height:1.1;display:flex}.brand-main{color:#111;font-size:16px;font-weight:700}.brand-sub{color:#888;letter-spacing:1px;font-size:11px}.topbar-right{align-items:center;gap:10px;display:flex;position:relative}.username{color:#333;font-size:14px}.avatar{cursor:pointer;border-radius:50%;width:34px;height:34px}.topbar-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;min-width:140px;position:absolute;top:46px;right:0;box-shadow:0 4px 12px #00000014}.dropdown-item{cursor:pointer;padding:10px 14px;font-size:14px}.dropdown-item:hover{background:#f5f5f5}.popup-overlay{z-index:2000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#fff;border-radius:12px;width:340px;padding:25px}.popup-avatar{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.popup-name{margin-bottom:5px;font-size:20px}.popup-email{color:#666;margin-bottom:20px;font-size:15px}.popup-close{color:#fff;cursor:pointer;background:#0454f2;border:none;border-radius:8px;padding:8px 20px}.popup-close:hover{background:#003cd1}.ks-wrapper{background:#fff;padding:24px 32px;font-size:14px}.ks-tabs{border-bottom:1px solid #e5e7eb;gap:24px;margin-bottom:20px;display:flex}.ks-tabs button{cursor:pointer;color:#666;background:0 0;border:none;padding:12px 0;font-size:14px}.ks-tabs .active{color:#000;border-bottom:3px solid #000;font-weight:600}.ks-input-box{gap:12px;margin-bottom:18px;display:flex}.ks-input-box input{border:1px solid #dcdcdc;border-radius:6px;flex:1;height:46px;padding:0 14px;font-size:14px}.ks-list-input{gap:12px;margin-bottom:18px;display:flex}.ks-textarea{resize:vertical;border:1px solid #dcdcdc;border-radius:6px;flex:1;min-height:46px;padding:12px 14px;font-size:14px}button.primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:6px;height:46px;padding:0 20px;font-size:14px}button.primary:hover{opacity:.9}.btn-outline{cursor:pointer;background:#fff;border:1px solid #dcdcdc;border-radius:8px;height:38px;padding:0 16px;font-size:14px}.btn-outline:hover{background:#f5f5f5}.ks-actions{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ks-actions>div{gap:10px;display:flex}.ks-table-wrapper{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.ks-table-wrapper table{border-collapse:collapse;width:100%}.ks-table-wrapper th,.ks-table-wrapper td{text-align:left;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:14px}.ks-table-wrapper th{background:#f9fafb;font-weight:600}.ks-table-wrapper tbody tr:hover{background:#fafafa}.domain-check-page{padding:24px}.domain-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.domain-header h2{font-size:22px;font-weight:600}.domain-textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:15px}.domain-actions{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.left-actions,.right-actions{gap:10px;display:flex}.btn-domain-check{color:#000;cursor:pointer;background:#fff;border:1px solid #d0d0d0;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .2s}.btn-domain-check:hover{background:#f5f5f5;border-color:#bdbdbd}.btn-outline{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 14px}.domain-table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.domain-table{border-collapse:collapse;width:100%}.domain-table th,.domain-table td{text-align:left;border-bottom:1px solid #eee;padding:12px}.domain-table th{background:#f7f7f7;font-weight:600}.spinner{border:2px solid #ddd;border-top-color:#1976d2;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.login-container{background:linear-gradient(135deg,#0a2540,#193b63);justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.login-card{text-align:center;background:#fff;border-radius:18px;width:380px;padding:40px 30px;box-shadow:0 10px 30px #00000026}.login-card h2{color:#0a2540;margin-bottom:10px;font-size:26px;font-weight:700}.subtitle{color:#555;margin-bottom:25px;font-size:14px}