*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f6f7fb;color:#1a1a2e;line-height:1.6}.app{max-width:960px;margin:0 auto;padding:24px 16px}.login-container{display:flex;justify-content:center;align-items:center;min-height:80vh}.login-card{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 2px 12px #0000000f;width:360px}.login-card h1{font-size:22px;margin-bottom:24px;text-align:center}.login-card input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;margin-bottom:12px}.login-card button{width:100%;padding:10px;background:#1e88e5;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer}.login-card button:hover{background:#1976d2}.login-error{color:#ef4444;font-size:13px;margin-top:8px;text-align:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h1{font-size:24px}.header button{background:transparent;border:1px solid #ccc;padding:6px 16px;border-radius:8px;cursor:pointer;font-size:13px}.filters{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:6px 16px;border:1px solid #ddd;border-radius:20px;background:#fff;cursor:pointer;font-size:13px;transition:all .15s}.filter-btn.active{background:#1e88e5;color:#fff;border-color:#1e88e5}.issue-list{display:flex;flex-direction:column;gap:12px}.issue-card{background:#fff;border-radius:10px;padding:16px 20px;box-shadow:0 1px 6px #0000000a;cursor:pointer;transition:box-shadow .15s}.issue-card:hover{box-shadow:0 2px 12px #00000014}.issue-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.issue-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:600}.issue-type-badge.word{background:#e0f2fe;color:#0369a1}.issue-type-badge.grammar{background:#f3e8ff;color:#7c3aed}.issue-status{font-size:12px;padding:2px 8px;border-radius:10px}.issue-status.open{background:#fef3c7;color:#92400e}.issue-status.resolved{background:#d1fae5;color:#065f46}.issue-status.ignored{background:#f3f4f6;color:#6b7280}.issue-title{font-size:16px;font-weight:600;margin-bottom:4px}.issue-message{font-size:13px;color:#6b7280;margin-bottom:4px}.issue-time{font-size:12px;color:#9ca3af}.back-btn{background:transparent;border:none;cursor:pointer;font-size:14px;color:#1e88e5;margin-bottom:16px;padding:0}.detail-section{background:#fff;border-radius:10px;padding:20px;margin-bottom:16px;box-shadow:0 1px 6px #0000000a}.detail-section h2{font-size:16px;margin-bottom:12px;color:#374151}.snapshot-field{margin-bottom:12px}.snapshot-field label{display:block;font-size:12px;font-weight:600;color:#6b7280;margin-bottom:4px;text-transform:uppercase}.snapshot-field input,.snapshot-field textarea{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit}.snapshot-field textarea{min-height:80px;resize:vertical}.snapshot-field .readonly{background:#f9fafb;color:#6b7280}.actions{display:flex;gap:8px;margin-top:16px}.btn-primary{padding:8px 20px;background:#1e88e5;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn-primary:hover{background:#1976d2}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{padding:8px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px}.btn-danger{padding:8px 20px;background:#fee2e2;color:#991b1b;border:none;border-radius:8px;cursor:pointer;font-size:14px}.btn-success{padding:8px 20px;background:#d1fae5;color:#065f46;border:none;border-radius:8px;cursor:pointer;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;z-index:1000;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.empty-state{text-align:center;padding:60px 20px;color:#9ca3af;font-size:15px}.loading{text-align:center;padding:40px;color:#9ca3af}