*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f3f4f6;font-family:system-ui,sans-serif}.sidebar{background:#1a1a2e;flex-direction:column;width:220px;min-height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-logo{color:#a78bfa;margin-bottom:32px;font-size:16px;font-weight:600}.sidebar-link{color:#7c6fa0;cursor:pointer;border-radius:8px;margin-bottom:4px;padding:10px 12px;font-size:14px;text-decoration:none;display:block}.sidebar-link:hover,.sidebar-link.active{color:#a78bfa;background:#2d1b69}.main{min-height:100vh;margin-left:220px;padding:32px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-title{font-size:20px;font-weight:500}.card{background:#fff;border:.5px solid #e5e7eb;border-radius:12px;padding:20px 24px}.metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:28px;display:grid}.metric-card{background:#fff;border:.5px solid #e5e7eb;border-radius:10px;padding:16px 20px}.metric-label{color:#888;margin-bottom:8px;font-size:12px}.metric-value{color:#1a1a2e;font-size:28px;font-weight:500}.btn{color:#a78bfa;cursor:pointer;background:#2d1b69;border:none;border-radius:8px;padding:10px 20px;font-size:14px}.btn:hover{background:#3d2b79}.btn-danger{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.btn-edit{color:#7c3aed;cursor:pointer;background:#ede9fe;border:none;border-radius:6px;margin-right:6px;padding:6px 12px;font-size:13px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#888;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:12px}td{border-bottom:.5px solid #f5f5f5;padding:12px;font-size:14px}.keyword-tag{color:#534ab7;background:#ede9fe;border-radius:20px;margin-right:4px;padding:3px 10px;font-size:12px;display:inline-block}.auth-container{background:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border:.5px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:40px}.auth-title{color:#1a1a2e;margin-bottom:8px;font-size:22px;font-weight:500}.auth-subtitle{color:#888;margin-bottom:28px;font-size:14px}.form-group{margin-bottom:16px}.form-label{color:#555;margin-bottom:6px;font-size:13px;display:block}.form-input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.form-input:focus{border-color:#a78bfa}.btn-full{color:#a78bfa;cursor:pointer;background:#2d1b69;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:15px}.btn-full:hover{background:#3d2b79}.error{color:#dc2626;margin-top:8px;font-size:13px}.success{color:#16a34a;margin-top:8px;font-size:13px}.modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:32px}.modal-title{margin-bottom:20px;font-size:18px;font-weight:500}