*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:#111;background:#fafafa;-webkit-font-smoothing:antialiased}:root{--primary: #111111;--border: #e5e5e5;--surface: #ffffff;--muted: #f5f5f5;--text-muted: #888888;--radius: 8px;--success: #16a34a;--error: #dc2626;--warning: #d97706}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border:none;border-radius:var(--radius);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-ghost:hover{background:var(--muted)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{opacity:.85}.input{width:100%;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius);font-size:13px;transition:border-color .2s;outline:none;background:var(--surface);font-family:inherit}.input:focus{border-color:var(--primary)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-new{background:#dbeafe;color:#1d4ed8}.badge-seen{background:#fef3c7;color:#92400e}.badge-done{background:#dcfce7;color:#15803d}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:20px;font-weight:700}